-
DOM元素的獲取index方法 get方法是通過已知的索引在合集中找到對應的元素。如果反過來，已知元素如何在合集中找到對應的索引呢？ .index()方法，從匹配的元素中搜索給定元素的索引值，從0開始計數。 語法：參數接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element ) 如果不傳遞任何參數給 .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 實際的使用可以參考右邊的代碼區域：查看全部
-
show() hide() toggle()三個函數查看全部
-
去空格神器trim方法 頁面中，通過input可以獲取用戶的輸入值，例如常見的登錄信息的提交處理。用戶的輸入不一定是標準的，輸入一段密碼：' 1123456 "，注意了： 密碼的前后會留空，這可能是用戶的無心的行為，但是密碼確實又沒錯，針對這樣的行為，開發者應該要判斷輸入值的前后是否有空白符、換行符、制表符這樣明顯的無意義的輸入值。 jQuery.trim()函數用于去除字符串兩端的空白字符 這個函數很簡單，沒有多余的參數用法 需要注意： 移除字符串開始和結尾處的所有換行符，空格(包括連續的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除 通過右邊的代碼可以明顯看到trim使用后的效果查看全部
-
去掉的是前后的空格，中間的不會移除查看全部
-
停止動畫stop 動畫在執行過程中是允許被暫停的，當一個元素調用.stop()方法，當前正在運行的動畫（如果有的話）立即停止 語法： .stop( [clearQueue ] [, jumpToEnd ] ) .stop( [queue ] [, clearQueue ] [, jumpToEnd ] ) stop還有幾個可選的參數，簡單來說可以這3種情況 .stop(); 停止當前動畫，點擊在暫停處繼續開始 .stop(true); 如果同一元素調用多個動畫方法，尚未被執行的動畫被放置在元素的效果隊列中。這些動畫不會開始，直到第一個完成。當調用.stop()的時候，隊列中的下一個動畫立即開始。如果clearQueue參數提供true值,那么在隊列中的動畫其余被刪除并永遠不會運行 .stop(true,true); 當前動畫將停止，但該元素上的 CSS 屬性會被立刻修改成動畫的目標值 簡單的說：參考下面代碼、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop()：只會停止第一個動畫，第二個第三個繼續 stop(true)：停止第一個、第二個和第三個動畫 stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態 值得注意的問題： 如果動畫未完成停止了，那么動畫完成時執行的回調函數是不會被調用的查看全部
-
arguments對象：http://www.cnblogs.com/lwbqqyumidi/archive/2012/12/03/2799833.html查看全部
-
toggle與slideToggle以及fadeToggle的比較 操作元素的顯示和隱藏可以有幾種方法。 例如： 改變樣式diplay為none 位置高度為0 透明度為0 都能達到這個目的，并且針對這樣的處理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeInOut。除此之外，還引入了toggle、sildeToggle以及fadeToggle切換方法 toggle、sildeToggle以及fadeToggle的區別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果 當然細節上還是有更多的不同點: toggle與slideToggle細節區別： toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。 元素是淡出顯示的，fadeToggle() 會使用淡入效果顯示它們。 元素是淡入顯示的，fadeToggle() 會使用淡出效果顯示它們。 注釋：隱藏的元素不會被完全顯示（不再影響頁面的布局）查看全部
-
toggle、sildeToggle以及fadeToggle的區別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果查看全部
-
.hide(fast / slow)這是一個動畫設置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執行200/600毫秒的動畫后在隱藏 <script type="text/javascript"> //點擊buttom2 執行動畫隱藏 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('執行3000ms動畫完畢') } }) }); </script>查看全部
-
toggle與slideToggle細節區別： toggle：動態效果為從右至左。橫向動作，toggle通過display來判斷切換所有匹配元素的可見性 slideToggle：動態效果從下至上。豎向動作，slideToggle 通過高度變化來切換所有匹配元素的可見性查看全部
-
toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果查看全部
-
hide()方法將為匹配元素的寬度，高度，以及不透明度，同時進行動畫操作 隱藏元素的hide方法 執行動畫隱藏： .hide(fast/slow) fast和slow分別代表200和600毫秒的延時，就是元素會執行200、600毫秒的動畫后再隱藏。 例子寫法一： $("#a2").hide(2000); 如果要設置動畫的多個參數： $("#a2").hide({ duration:2000, complete:function(){ alert("執行2000毫秒動畫完畢") } }) 寫法二： $("#a1").hide(2000,function () { alert("123"); });查看全部
-
get方法與getElementById類似，并且索引從0開始 負索引值：get方法從后向前進行索引，傳遞負數，并且負索引起始值為-1查看全部
-
trim只去掉開始、結尾處的空格，字符串中間的空格會被保留查看全部
-
.animate( properties, options ) options參數 duration - 設置動畫執行的時間 easing - 規定要使用的 easing 函數，過渡使用哪種緩動函數 step：規定每個動畫的每一步完成之后要執行的函數 progress：進度 complete：動畫完成回調查看全部
舉報
0/150
提交
取消