-
.stop(); 停止當前動畫，點擊在暫停處繼續開始 .stop(true); 如果同一元素調用多個動畫方法，尚未被執行的動畫被放置在元素的效果隊列中。這些動畫不會開始，直到第一個完成。當調用.stop()的時候，隊列中的下一個動畫立即開始。如果clearQueue參數提供true值,那么在隊列中的動畫其余被刪除并永遠不會運行 .stop(true,true); 當前動畫將停止，但該元素上的 CSS 屬性會被立刻修改成動畫的目標值查看全部
-
now:是當前動畫正在改變的屬性的實時值； fx: jQuery.fx 原型對象的一個引用,其中包含了多項屬性,比如 執行動畫的元素：elem; 動畫正在改變的屬性：prop; 正在改變屬性的當前值：now; 正在改變屬性的結束值：end; 正在改變屬性的單位：unit;等 可在這里改變animate第1個參數中設置的屬性bb在動畫結束時的值查看全部
-
easing動畫運動的算法 jQuery庫中默認調用 swing。如果需要其他的動畫算法，請查找相關的插件查看全部
-
.animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) properties要用{}查看全部
-
toggle方法就是show與hide的相互切換的一個快捷方法查看全部
-
.hide("fast / slow") 這是一個動畫設置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執行200/600毫秒的動畫后再隱藏查看全部
-
jQuery中DOM元素的獲取index方法 get方法是通過已知的索引在合集中找到對應的元素。如果反過來，已知元素如何在合集中找到對應的索引呢？ .index()方法，從匹配的元素中搜索給定元素的索引值，從0開始計數。 語法：參數接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1 簡單來說： <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在列表中的索引,可以通過如下2種方式處理 $("li").index(document.getElementById("test2")) //結果：1 $("li").index($("#test2")) //結果:1 實際的使用可以參考右邊的代碼區域：查看全部
-
注意2點 get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 所以第二個a元素的查找： $(a).get(1) 負索引值參數 get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2)查看全部
-
jQuery中DOM元素的獲取get方法 jQuery是一個合集對象，如果需要單獨操作合集中的的某一個元素，可以通過.get()方法獲取到 以下有3個a元素結構： <a>1</a> <a>2</a> <a>3</a> 通過jQuery獲取所有的a元素合集$("a")，如果想進一步在合集中找到第二2個dom元素單獨處理，可以通過get方法 語法： .get( [index ] ) 注意2點 get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 所以第二個a元素的查找： $(a).get(1) 負索引值參數 get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2) 具體的使用可以通過右邊的代碼學習查看全部
-
jQuery中DOM元素的獲取get方法 jQuery是一個合集對象，如果需要單獨操作合集中的的某一個元素，可以通過.get()方法獲取到 以下有3個a元素結構： <a>1</a> <a>2</a> <a>3</a> 通過jQuery獲取所有的a元素合集$("a")，如果想進一步在合集中找到第二2個dom元素單獨處理，可以通過get方法 語法： .get( [index ] ) 注意2點 get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 所以第二個a元素的查找： $(a).get(1) 負索引值參數 get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2) 具體的使用可以通過右邊的代碼學習查看全部
-
jQuery中去空格神器trim方法 頁面中，通過input可以獲取用戶的輸入值，例如常見的登錄信息的提交處理。用戶的輸入不一定是標準的，輸入一段密碼：' 1123456 "，注意了： 密碼的前后會留空，這可能是用戶的無心的行為，但是密碼確實又沒錯，針對這樣的行為，開發者應該要判斷輸入值的前后是否有空白符、換行符、制表符這樣明顯的無意義的輸入值。 jQuery.trim()函數用于去除字符串兩端的空白字符 這個函數很簡單，沒有多余的參數用法 需要注意： 移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除查看全部
-
語法： jQuery.inArray( value, array ,[ fromIndex ] ) $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引：4查看全部
-
jQuery中查找數組中的索引inArray 在PHP有in_array()判斷某個元素是否存在數組中，JavaScript卻沒有，但是jQuery封裝了inArray()函數判斷元素是否存在數組中。注意了：在ECMAScript5已經有數據的indexOf方法支持了，但是jQuery保持了版本向下兼容，所以封裝了一個inArray方法 jQuery.inArray()函數用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回 -1。 語法： jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標值，然后傳遞原始的數組，可以通過fromIndex規定查找的起始值，默認數組是0開始 例如：在數組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引：4 注意： 如果要判斷數組中是否存在指定值，你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
對象或者數組，第二個是回調函數 $.each(["Aaron", "慕課網"], function(index, value) { //index是索引,也就是數組的索引 //value就是數組中的值了 }); each就是for循環方法的一個包裝，內部就是通過for遍歷數組與對象，通過回調函數返回內部迭代的一些參數，第一個參數是當前迭代成員在對象或數組中的索引值(從0開始計數)，第二個參數是當前迭代成員(與this的引用相同 jQuery.each()函數還會根據每次調用函數callback的返回值來決定后續動作。如果返回值為false，則停止循環(相當于普通循環中的break)；如果返回其他任何值，均表示繼續執行下一個循環。 $.each(["Aaron", "慕課網"], function(index, value) { return false; //停止迭代 });查看全部
-
jQuery中停止動畫stop 動畫在執行過程中是允許被暫停的，當一個元素調用.stop()方法，當前正在運行的動畫（如果有的話）立即停止 語法： .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) stop還有幾個可選的參數，簡單來說可以這3種情況 .stop(); 停止當前動畫，點擊在暫停處繼續開始 .stop(true); 如果同一元素調用多個動畫方法，尚未被執行的動畫被放置在元素的效果隊列中。這些動畫不會開始，直到第一個完成。當調用.stop()的時候，隊列中的下一個動畫立即開始。如果clearQueue參數提供true值,那么在隊列中的動畫其余被刪除并永遠不會運行 .stop(true,true); 當前動畫將停止，但該元素上的 CSS 屬性會被立刻修改成動畫的目標值 簡單的說：參考下面代碼、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop()：只會停止第一個動畫，第二個第三個繼續 stop(true)：停止第一個、第二個和第三個動畫 stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態查看全部
舉報
0/150
提交
取消