-
fadeOut()函數用于隱藏所有匹配的元素,并帶有淡出的過渡動畫效果查看全部
-
$("#a1").stop().hide(3000).show(3000) //stop() 用于避免動畫執行過程中反復觸發 //語法結構 $("#div").stop();//停止當前動畫,繼續下一個動畫 $("#div").stop(true);//清除元素的所有動畫 $("#div").stop(false, true);//讓當前動畫直接到達末狀態 ,繼續下一個動畫 $("#div").stop(true, true);//清除元素的所有動畫,讓當前動畫直接到達末狀態查看全部
-
。。。查看全部
-
。。。。查看全部
-
好嗎嘎嘎嘎查看全部
-
jQuery中DOM元素的獲取index方法 $("div").index() // 返回div的第一個元素相對于父輩元素的子代元素的位置 $("div").index(element) // 返回element在div中的索引位置 <ul> <a></a> <li id="test1">1</li> <li id="test2">2</li> <li id="test3">3</li> </ul> $("li").index() 沒有傳遞參數,反正的結果是1,它的意思是返回同輩的排列循序,第一個li之前有a元素,同輩元素是a開始為0,所以li的開始索引是1 $("li").index($("#test2")) //結果:1查看全部
-
jQuery中DOM元素的獲取get方法 $("div").get([index]) // 查找到的div是一個合集,通過get方法查找第index個,index從0開始,get方法還可以從后往前索引,傳遞一個負索引值,注意的負值的索引起始值是-1查看全部
-
jQuery中去空格神器trim方法 $.trim(string) // 去除字符串兩端的空白字符 移除字符串開始和結尾處的所有換行符,空格(包括連續的空格)和制表符(tab) 如果這些空白字符在字符串中間時,它們將被保留,不會被移除查看全部
-
jQuery中查找數組中的索引inArray $.inArray(value,array,[fromIndex]) $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引:4 如果要判斷數組中是否存在指定值,你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
jQuery中each方法的 $.each(array,callback) // 遍歷數組,執行回調函數 $.each(object,callback) // 遍歷對象,執行回調函數 $.each(["Aaron", "慕課網"], function(index, value) { //index是索引,也就是數組的索引 //value就是數組中的值了 }); $.each(["Aaron", "慕課網"], function(index, value) { return false; //停止迭代 }); $.each({ name: "張三", age: 18 }, function(property, value) { $aaron.append("屬性名=" + property + "; 屬性值=" + value); });查看全部
-
jQuery中停止動畫stop $("div").stop( [clearQueue ], [ jumpToEnd ] ) $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop():只會停止第一個動畫,第二個第三個繼續 stop(true):停止第一個、第二個和第三個動畫 stop(true ture):停止動畫,直接跳到第一個動畫的最終狀態查看全部
-
jQuery中動畫animate(下) $("div").animate(properties,options) options: duration - 設置動畫執行的時間 easing - 規定要使用的 easing 函數,過渡使用哪種緩動函數 step:規定每個動畫的每一步完成之后要執行的函數 progress:每一次動畫調用的時候會執行這個回調,就是一個進度的概念 complete:動畫完成回調查看全部
-
jQuery中動畫animate(上) $("div").animate(properties,[duration],[easing],[complete]) properties:一個或多個css屬性的鍵值對所構成的Object對象。要特別注意所有用于動畫的屬性必須是數字的,除非另有說明;這些屬性如果不是數字的將不能使用基本的jQuery功能。比如常見的,border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產生動畫效果的。background-color很明顯不可以,因為參數是red或者GBG這樣的值,非常用插件,否則正常情況下是不能只用動畫效果的。注意,CSS 樣式使用 DOM 名稱(比如 "fontSize")來設置,而非 CSS 名稱(比如 "font-size")。 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); .animate({ width: "toggle" });查看全部
-
jQuery中淡入效果fadeTo $("div").fadeTo(duration,opacity,callback) // 執行速度,最終透明度值,回調函數查看全部
-
jQuery中淡入淡出切換fadeToggle $("div").fadeToggle([duration],[complete]) // fadeToggle切換fadeOut與fadeIn效果,所謂"切換",即如果元素當前是可見的,則將其隱藏(淡出);如果元素當前是隱藏的,則使其顯示(淡入)。查看全部
舉報
0/150
提交
取消