-
操作元素的顯示和隱藏可以有幾種方法。 例如： 改變樣式display為none 設置位置高度為0 設置透明度為0 都能達到這個目的，并且針對這樣的處理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外，還引入了toggle、sildeToggle以及fadeToggle切換方法 toggle、sildeToggle以及fadeToggle的區別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果 當然細節上還是有更多的不同點: toggle與slideToggle細節區別： toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
-
上卷下拉切換slideToggle查看全部
-
.slideDown()：用滑動動畫顯示一個匹配元素 $("button:first").click(function() { $("#a1").slideDown(1000) });查看全部
-
toggle用于切換顯示或隱藏匹配元素 基本的操作：toggle(); <script type="text/javascript"> $("button:first").click(function() { $(".left").toggle(3000) }); </script> <script type="text/javascript"> $("button:last").click(function() { $(".right").toggle(3000) }); </script>查看全部
-
$('elem').hide(3000).show(3000) 讓元素執行3秒的隱藏動畫，然后執行3秒的顯示動畫。查看全部
-
隱藏元素的動畫hide() <script type="text/javascript"> //點擊buttom1 直接隱藏 $("button:first").click(function() { $("#a1").hide(4000) }); </script> <h4>測試一</h4> <div id="a2">hide動畫操作</div> <button>hide帶動畫</button> <script type="text/javascript"> //點擊buttom2 執行動畫隱藏 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('執行3000ms動畫完畢') } }) }); </script>查看全部
-
$("#div").stop();//停止當前動畫，繼續下一個動畫 $("#div").stop(true);//清除元素的所有動畫 $("#div").stop(false, true);//讓當前動畫直接到達末狀態 ，繼續下一個動畫 $("#div").stop(true, true);//清除元素的所有動畫，讓當前動畫直接到達末狀態查看全部
-
arguments[1]代表的是progress的進度，而它是從0-1的,0代表開始，1代表結束查看全部
-
1. stop() 停止當前動畫 2. stop(true) 停止當前執行動畫元素的所有動畫行為 3. stop(true,true) 停止當前執行動畫元素的所有動畫行為，并且直接到達動畫最后一幀查看全部
-
語法：參數接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數給 .index() 方法，則返回值就是jQuery對象中第一個元素同一父元素下相對于它兄弟元素的位置 如果參數是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1 如果在一組元素上調用 .index() ，并且參數是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置查看全部
-
注意2點 get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 負索引值參數 get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1查看全部
-
jQuery中去空格神器trim方法 jQuery.trim()函數用于去除字符串兩端的空白字符 需要注意： 移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除查看全部
-
jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標值，然后傳遞原始的數組，可以通過fromIndex規定查找的起始值，默認數組是0開始; 若數組中具有多個值則返回第一個出現的位置，若返回值為 -1 表明該值不存在查看全部
-
jQuery中each方法的應用 1.第一個參數傳遞的就是一個對象或者數組，第二個是回調函數 2.回調函數中傳入的兩個參數，如果遍歷的是數組，第一個參數是索引值，第二個參數是數組的值；如果遍歷是對象，第一個參數是屬性，第二個參數是屬性值。查看全部
-
$("#div").stop();//停止當前動畫，繼續下一個動畫 $("#div").stop(true);//清除元素的所有動畫 $("#div").stop(false, true);//讓當前動畫直接到達末狀態 ，繼續下一個動畫 $("#div").stop(true, true);//清除元素的所有動畫，讓當前動畫直接到達末狀態查看全部
舉報
0/150
提交
取消