jquery 實用的函數

jquey中有不少方法是咱們能夠很方便拿來使用的。咱們能夠利用這個來讓咱們更加高效的開發,也能讓代碼更具備閱讀性。
歡迎你們也提供好用的jquery方法在留言板。樓主將會持續更新。css

1.filter()

顧名思義,這個方法能夠匹配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');

2.trigger()

觸發事件的發生,好比:數組

$("#btn").trigger("click");

出發id爲btn的點擊事件。
還能夠觸發自定義事件:
先綁定自定義事件:app

$("#btn").bind("myClick", function () {
   $("#test").append();
});

觸發事件:dom

$("btn").trigger("myClick");

3.$.contains(elem1, elem2)

這個是判斷dom元素是否包含在另外一個dom裏面,並非java的contains哦函數

4.$.each()

循環遍歷,看一下代碼就知道啦: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

5.$.grep()

篩選數組: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函數不一樣。

6.elem.datepicker()

日曆函數,給指定的dom增長日曆功能,

$('.mfgdate').datepicker({language:userLanguage, format:"yyyy/mm/dd", autoclose: true });

圖片描述

具體的說能夠見連接:
http://blog.csdn.net/cuihaiya...

7.slice(start, end)和splice(index,n,item)

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方法

相關文章
相關標籤/搜索