-
jQuery中查找數組中的索引inArray jQuery.inArray()函數用于在數組中搜索指定的值，并返回其索引值。如果數組中不存在該值，則返回 -1。 語法： jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標值，然后傳遞原始的數組，可以通過fromIndex規定查找的起始值，默認數組是0開始 例如：在數組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應的索引：4 注意： 如果要判斷數組中是否存在指定值，你需要通過該函數的返回值不等于(或大于)-1來進行判斷查看全部
-
jQuery中each方法的應用 .each只是處理jQuery對象的方法，jQuery還提供了一個通用的jQuery.each方法，用來處理對象和數組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個參數傳遞的就是一個對象或者數組，第二個是回調函數 jQuery方法可以很方便的遍歷一個數據，不需要考慮這個數據是對象還是數組查看全部
-
jQuery中停止動畫stop 語法： .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) 簡單的說：參考下面代碼、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) 1.stop():只停止第一個動畫，第二個第三個繼續 2.stop（true），停止第一第二第三個動畫 3.stop（true true）停止動畫，直接跳到第一個動畫的最終狀態。查看全部
-
Query中動畫animate(上) 有些復雜的動畫通過之前學到的幾個動畫函數是不能夠實現，這時候就需要強大的animate方法了，animate方法更加靈活。 語法： .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options )查看全部
-
fontsize 字體大小 += 當前值加給定數字 -= 當前值減去給定數字查看全部
-
jQuery中toggle與slideToggle以及fadeToggle的比較 toggle:切換顯示與隱藏效果（從右至左，橫向動作） slide Toggle:切換上下拉卷效果（從下至上，豎向動作） fade Toggle:切換淡入淡出效果查看全部
-
jQuery中淡入效果fadeTo fadeIn：淡入效果，內容顯示，opacity是0到1 fadeOut：淡出效果，內容隱藏，opacity是1到0 如果要讓元素保持動畫效果，執行opacity = 0.5的效果時，要如何處理？ 如果不考慮CSS3，我們用JS實現的話，基本就是通過定時器，在設定的時間內一點點的修改opacity的值，最終為0.5，原理雖說簡單，但是總不如一鍵設置這么舒服，jQuery提供了fadeTo方法，可以讓改變透明度一步到位 語法 .fadeTo( duration, opacity ,callback) 不透明度（值介于 0 與 1 之間）?？蛇x的 callback 參數是該函數完成后所執行的函數名稱。查看全部
-
jQuery中淡入淡出切換fadeToggle fadeToggle()函數用于切換所有匹配的元素，并帶有淡入/淡出的過渡動畫效果。之前也學過toggle、slideToggle 也是類似的處理方式 fadeToggle切換fadeOut與fadeIn效果，所謂"切換"，即如果元素當前是可見的，則將其隱藏(淡出)；如果元素當前是隱藏的，則使其顯示(淡入)。 常用語法：.fadeToggle( [duration ] ,[ complete ] ) 可選的 duration 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。 可選的 callback 參數是 fadeToggle完成后所執行的函數名稱。查看全部
-
fadeOut是淡出效果，相反的還有淡入效果fadeIn,方法使用上兩者都是一致的，只是結果相反 .fadeIn( [duration ], [ complete ] ) duration：指定過渡動畫運行多長時間(毫秒數)，默認值為400。該參數也可以為字符串"fast"(=200)或"slow"(=600)。 元素顯示完畢后需要執行的函數。函數內的this指向當前DOM元素。 fadeIn()函數用于顯示所有匹配的元素，并帶有淡入的過渡動畫效果。 注意： 淡入的動畫原理：操作元素的不透明度從0%逐漸增加到100% 如果元素本身是可見的，不對其作任何改變。如果元素是隱藏的，則使其可見查看全部
-
jQuery中淡出動畫fadeOut adeOut()函數用于隱藏所有匹配的元素，并帶有淡出的過渡動畫效果 .fadeOut( [duration ], [ complete ] ) 字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串，或者這個duration參數被省略，那么默認使用400毫秒的延時查看全部
-
slide Tiggle() 提當一個隱藏動畫后，高度值達到0的時候，display 樣式屬性被設置為none，以確保該元素不再影響頁面布局供參數：.slideToggle( [duration ] ,[ complete ] ) $("button").click(function() { $("#a1").slideToggle(3000) });查看全部
-
$("#a2").slideUp(3000,function(){ alert('動畫執行結束')查看全部
-
jQuery中上卷動畫slideUp 最簡單的使用：不帶參數 $("elem").slideUp(); 這個使用的含義就是：找到元素的高度，然后采用一個下滑動畫讓元素一直滑到隱藏，當高度為0的時候，也就是不可見的時，修改元素display 樣式屬性被設置為none。這樣就能確保這個元素不會影響頁面布局了 帶參數： .slideUp( [duration ] [, easing ] [, complete ] ) 同樣可以提供一個時間，然后可以使用一種過渡使用哪種緩動函數，jQuery默認就2種，可以通過下載插件支持。最后一個動畫結束的回調方法。查看全部
-
slideDown()：用滑動動畫顯示一個匹配元素 .slideDown()方法將給匹配元素的高度的動畫，這會導致頁面的下面部分滑下去，彌補了顯示的方式 $("button:first").click(function() { $("#a1").slideDown(3000) }); $("button:last").click(function() { $("#a2").slideDown(3000,function(){ alert('動畫執行結束') }) });查看全部
-
jQuery中顯示與隱藏切換toggle方法 oggle方法就是show與hide的相互切換的一個快捷方法 <body> <h2>通過toggle切換顯示與隱藏</h2> <div class="left">顯示到隱藏</div> <div class="right">隱藏到顯示</div> <button>直接show-hide動畫</button> <button>直接hide-show動畫</button> <script type="text/javascript"> $("button:first").click(function() { $(".left").toggle(3000) }); </script> <script type="text/javascript"> $("button:last").click(function() { $(".right").toggle(3000) }); </script>查看全部
舉報
0/150
提交
取消