jquey中有不少方法是咱們能夠很方便拿來使用的。咱們能夠利用這個來讓咱們更加高效的開發,也能讓代碼更具備閱讀性。
歡迎你們也提供好用的jquery方法在留言板。樓主將會持續更新。css
顧名思義,這個方法能夠匹配DOM元素集合中指定的元素,例如:java
$("div").css("background", "#c8ebcc") .filter(".middle") .css("border-color", "red");
這段代碼的含義是給div元素集合中帶middle元素增長紅色邊框。
filter()裏面也能夠寫方法來過濾:jquery
$('li').filter(function(index) { return $('strong', this).length == 1; }).css('background-color', 'red');
觸發事件的發生,好比:數組
$("#btn").trigger("click");
出發id爲btn的點擊事件。
還能夠觸發自定義事件:
先綁定自定義事件:app
$("#btn").bind("myClick", function () { $("#test").append(); });
觸發事件:dom
$("btn").trigger("myClick");
這個是判斷dom元素是否包含在另外一個dom裏面,並非java的contains哦函數
循環遍歷,看一下代碼就知道啦:ui
var array = [1,2,3,4,5] $.each(array, function(i, item)) { if (item > 4) { console.log(item); console.log(array[i]); } }
這裏的i是指循環的次數,從0開始,item指每次循環的變量值。
item等價於array[i],輸出值爲5,5
**this
篩選數組:spa
var array = [1,2,3,4]; array = $.grep(array, function(item,i) { return item > 3; }) console.log(array);
輸出:[4]
注意這裏的item和i和each函數調換了位置,另外,若是不給grep函數返回值,array將爲空,這和each函數不一樣。
日曆函數,給指定的dom增長日曆功能,
$('.mfgdate').datepicker({language:userLanguage, format:"yyyy/mm/dd", autoclose: true });
具體的說能夠見連接:
http://blog.csdn.net/cuihaiya...
slice()函數是截取數組的一部分,不會改變原始數組:
var a=[1,2,3,4,5,6]; var b=a.slice(0,3); //[1,2,3] var c=a.slice(3); //[4,5,6]
若是隻傳入一個參數,那麼將從參數一的索引位置開始截取,一直到數組尾
splice(index,n,item)函數有兩個功能,先從index,刪除n個元素,在從index開始加入item。
var a=['a','b','c']; var b=a.splice(1,1,'e','f'); //a=['a','e','f','c'],b=['b']
從第一個元素開始,刪除一個,也就是b,在加入e,f。a數組變化了,返回的是刪除的元素分割線-----------------------------------------將會持續更新,你們也能夠提供好用的jquery方法