-
淡入淡出fadeIn與fadeOut都是修改元素樣式的opacity屬性，但是他們都有個共同的特點，變化的區間要么是0，要么是1 fadeIn：淡入效果，內容顯示，opacity是0到1 fadeOut：淡出效果，內容隱藏，opacity是1到0 如果要讓元素保持動畫效果，執行opacity = 0.5的效果時，要如何處理？ 如果不考慮CSS3，我們用JS實現的話，基本就是通過定時器，在設定的時間內一點點的修改opacity的值，最終為0.5，原理雖說簡單，但是總不如一鍵設置這么舒服，jQuery提供了fadeTo方法，可以讓改變透明度一步到位 語法 .fadeTo( duration, opacity ,callback) 必需的 duration參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 參數將淡入淡出效果設置為給定的不透明度（值介于 0 與 1 之間）?？蛇x的 callback 參數是該函數完成后所執行的函數名稱。查看全部
-
注意事項： 下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設置display:none 如 果提供回調函數參數，callback會在動畫完成的時候調用。將不同的動畫串聯在一起按順序排列執行是非常有用的。這個回調函數不設置任何參數，但是 this會設成將要執行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調函數會在每一個元素執行完動畫后都執行一次，而不是這組 動畫整體才執行一次查看全部
-
如果不傳遞任何參數給 .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查看全部
-
index()已知元素在集合中找索引，從0開始計數 語法：參數接受一個jQuery或者dom對象作為查找的條件 .index() //沒有參數時返回第一個元素在同輩元素中所占的位置 .index(selector) .index(element)查看全部
-
jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標值，然后傳遞原始的數組，可以通過fromIndex規定查找的起始值，默認數組是0開始 例如：在數組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引：4查看全部
-
get()方法得到的是DOM對象，eq()得到的是jQuery對象，它們都可以找到一個集合中單獨的元素查看全部
-
.animate( properties, options ) options參數 duration - 設置動畫執行的時間 easing - 規定要使用的 easing 函數，過渡使用哪種緩動函數 step：規定每個動畫的每一步完成之后要執行的函數 progress：每一次動畫調用的時候會執行這個回調，就是一個進度的概念 complete：動畫完成回調查看全部
-
jQuery的大部分方法都是針元素合集的操作， 所以jQuery會提供$(selector).each()來遍歷jQuery對象. .each只是處理jQuery對象的方法，jQuery還提供了一個通用的jQuery.each方法，用來處理對象和數組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個參數傳遞的就是一個對象或者數組，第二個是回調函數查看全部
-
注意事項： 下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設置display:none 如 果提供回調函數參數，callback會在動畫完成的時候調用。將不同的動畫串聯在一起按順序排列執行是非常有用的。這個回調函數不設置任何參數，但是 this會設成將要執行動畫的那個DOM元素，如果多個元素一起做動畫效果，那么要非常注意，回調函數會在每一個元素執行完動畫后都執行一次，而不是這組 動畫整體才執行一次查看全部
-
基本的操作：toggle(); 這是最基本的操作，處理元素顯示或者隱藏，因為不帶參數，所以沒有動畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫。 如果元素是最初顯示，它會被隱藏 如果隱藏的，它會顯示出來查看全部
-
$.trim()函數可以去除字符串兩端的空白字符查看全部
-
$.inArray()函數判斷元素是否存放在數組中，可以用于在數組中搜索指定的值，并返回其索引值，不存在的值返回 -1查看全部
-
注意事項： show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，高度，透明度查看全部
-
$("#a2").hide({ duration: 3000, complete: function() { alert('執行3000ms動畫完畢') } })查看全部
-
jQuery在做hide操作的時候，是會保存本身的元素的原始屬性值，再之后通過對應的方法還原的時候還是初始值。比如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline。一旦透明度 達到0，display樣式屬性將被設置為none，這個元素將不再在頁面中影響布局查看全部
舉報
0/150
提交
取消