-
1、淡入動畫fadeIn ①fadeOut：淡出效果 ②fadeIn：淡入效果（方法使用上兩者都是一致的，只是結果相反） （1）.fadeIn( [duration ] [, complete ] ) ①duration：指定過渡動畫運行多長時間(毫秒數)，默認值為400。該參數也可以為字符串"fast"(=200)或"slow"(=600)。 ②元素顯示完畢后需要執行的函數。函數內的this指向當前DOM元素。 （2）fadeIn()函數：用于顯示所有匹配的元素，并帶有淡入的過渡動畫效果。 注意： ①淡入的動畫原理：操作元素的不透明度從0%逐漸增加到100% ②如果元素本身是可見的，不對其作任何改變；如果元素是隱藏的，則使其可見。查看全部
-
fadeToggle切換fadeOut與fadeIn效果，所謂“切換”，即如果元素當前是可見的，則將其隱藏（淡出）；如果元素當前是隱藏的，則使其顯示（淡入） fadeToggle()方法可以在fadeIn()與fadeOut()方法之間進行切換。如果元素已淡出，則fadeToggle()向元素添加淡入效果，如果元素已淡入，則fadeToggle()會向元素添加淡出效果查看全部
-
jQuery中淡出動畫fadeOut 讓元素在頁面不可見，常用的辦法就是通過設置樣式的display：none。除此之外還可以一些類似的方法可以達到這個目的，這里要提一個透明度的方法，設置元素透明度為0，可以讓元素不可見，透明度的參數是0-1之間的值，通過改變這個值可以讓元素有一個透明度的效果，常見的淡入淡出動畫正是這樣的原理查看全部
-
slideUp與slideDown是一對相反的方法，需要對元素進行上下拉卷效果的切換，jQuery提供了一個便捷方法slideToggle用滑動動畫顯示或隱藏一個匹配元素 注意： display屬性值保存在jQuery的數據緩存中，所以display可以方便以后可以恢復到其初始值 當一個隱藏動畫后，高度值達到0的時候，display樣式屬性被設置為none，以確保該元素不再影響頁面布局查看全部
-
JQuery中上卷動畫slideUp 對于顯示的元素，在將其隱藏的過程中，可以對其進行一些變化的動畫效果。之前學過了hide方法，hide方法在顯示的過程中也可以有動畫，但是.hide()方法將為匹配元素的寬度，高度，以及不透明度，同時進行動畫操作，這里將要學習新的顯示方法slideUp方法 不帶參數： $("elem").slideUp() 帶參數 .slideUp([duration][,easing][,complete]) 因為動畫師異步的，所以要在動畫之后執行某些操作就必須要寫到回調函數里面查看全部
-
show與hide是一對互斥的方法，需要對元素進行顯示隱藏的互斥切換，通常情況是需要先判斷元素的display狀態，然后調用其對應的處理方法。比如顯示的元素，那么就要調用hide，反之亦然。對于這樣的操作行為，jQuery提供了一個便捷方法toggle用于切換顯示或隱藏匹配元素查看全部
-
show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設置 如果使用important在你的樣式中，比如display：none important，如果你希望.show()方法正常工作，必須使用.css('display','block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，寬度，透明度查看全部
-
jQuery在做hide操作的時候，是會保存本身的元素的原始屬性值，再之后通過對應的方法還原的時候還是初始值，比如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline，一旦透明度達到0，display樣式屬性將被設置none，這個元素將不再在頁面中影響布局查看全部
-
toggle與slideToggle細節區別： ?toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 ?slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 ?fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 ?元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 ?元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 ?注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
-
toggle、sildeToggle以及fadeToggle的區別： ?toggle：切換顯示與隱藏效果 ?sildeToggle：切換上下拉卷滾效果 ?fadeToggle：切換淡入淡出效果查看全部
-
回調函數中傳入的兩個參數，如果遍歷的是數組，第一個參數是索引值，第二個參數是數組的值；如果遍歷是對象，第一個參數是屬性，第二個參數是屬性值。查看全部
-
show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，高度，透明度查看全部
-
語法：參數接受一個jQuery或者dom對象作為查找的條件 .index() 如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 .index( selector ) 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1 .index( element ) 如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置查看全部
-
jQuery.inArray()函數用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回 -1。 語法： jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標值，然后傳遞原始的數組，可以通過fromIndex規定查找的起始值，默認數組是0開始 例如：在數組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引：4 注意： 如果要判斷數組中是否存在指定值，你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
jQuery的大部分方法都是針元素合集的操作，所以jQuery會提供$(selector).each()來遍歷jQuery對象 .each只是處理jQuery對象的方法，jQuery還提供了一個通用的jQuery.each方法，用來處理對象和數組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個參數傳遞的就是一個對象或者數組，第二個是回調函數 $.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方法可以很方便的遍歷一個數據，不需要考慮這個數據是對象還是數組查看全部
舉報
0/150
提交
取消