-
語法：參數接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1查看全部
-
注意2點 get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引查看全部
-
如果多個元素執行動畫，回調將在每個匹配的元素上執行一次，不是作為整個動畫執行一次查看全部
-
參數分解： 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"）。查看全部
-
注意： display屬性值保存在jQuery的數據緩存中，所以display可以方便以后可以恢復到其初始值 當一個隱藏動畫后，高度值達到0的時候，display 樣式屬性被設置為none，以確保該元素不再影響頁面布局查看全部
-
因為動畫是異步的，所以要在動畫之后執行某些操作就必須要寫到回調函數里面，這里要特別注意查看全部
-
注意事項： 下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設置display:none 如 果提供回調函數參數，callback會在動畫完成的時候調用。將不同的動畫串聯在一起按順序排列執行是非常有用的。這個回調函數不設置任何參數，但是 this會設成將要執行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調函數會在每一個元素執行完動畫后都執行一次，而不是這組 動畫整體才執行一次查看全部
-
注意事項： show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，高度，透明度查看全部
-
注意： jQuery在做hide操作的時候，是會保存本身的元素的原始屬性值，再之后通過對應的方法還原的時候還是初始值。比如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline。一旦透明度 達到0，display樣式屬性將被設置為none，這個元素將不再在頁面中影響布局查看全部
-
show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，高度，透明度查看全部
-
hide( ) 3種方式 1.不傳參數 2.傳入Number(duration) 3.傳入函數 $("#a2").hide({ duration: 3000, complete: function() { alert('執行3000ms動畫完畢') } })查看全部
-
可以調試下,我在sublime上試了下，下面是我查到的，希望能幫到你理解 now:是當前動畫正在改變的屬性的實時值； fx: jQuery.fx 原型對象的一個引用,其中包含了多項屬性,比如 執行動畫的元素：elem; 動畫正在改變的屬性：prop; 正在改變屬性的當前值：now; 正在改變屬性的結束值：end; 正在改變屬性的單位：unit;等 可在這里改變animate第1個參數中設置的屬性bb在動畫結束時的值查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron a"); //通過get找到第二個a元素，并修改藍色字體 if (v == "1") { $aaron.get(1).style.color = "blue" } else if (v == "2") { //通過get找到最后一個a元素，并修改字體顏色 $aaron.get(-1).style.color = "#8A2BE2" } }); </script>查看全部
-
.stop( [clearOueue], [jumpToEnd] ) .stop( [queue], [clearQueue], [jumpToEnd] ) stop還有幾個可選的參數，簡單來說可以這3種情況 1. .stop()；停止當前動畫，點擊在暫停處繼續開始 2. .stop(true)；如果同一個元素調用多個動畫方法，尚未被執行的動畫被放置在元素的效果隊列中。這些動畫不會開始，直到第一個完成。當調用 .stop() 的時候，隊列中的下一個動畫立刻開始。如果clearQueue參數提供true值，那么在隊列中的動畫其余被刪除并永遠不會運行 3. .stop(true,true);當前動畫將停止，但該元素上的CSS屬性會被立刻修改成動畫的目標值查看全部
-
.animate( properties, options ) options參數 1. duration - 設置動畫執行的時間 2. easing - 規定要使用的easing函數，過渡使用哪種緩動函數 3. step：規定每個動畫的每一步完成之后要執行的函數 4. progress：每一次動畫調用的時候會執行這個回調，就是一個進度的概念 5. complete：動畫完成回調查看全部
舉報
0/150
提交
取消