1

jquey中有很多方法是我们可以很方便拿来使用的。我们可以利用这个来让我们更加高效的开发,也能让代码更具有阅读性。
欢迎大家也提供好用的jquery方法在留言板。楼主将会持续更新。

1.filter()

顾名思义,这个方法可以匹配DOM元素集合中指定的元素,例如:

$("div").css("background", "#c8ebcc")
  .filter(".middle")
  .css("border-color", "red");

这段代码的含义是给div元素集合中带middle元素增加红色边框。
filter()里面也可以写方法来过滤:

$('li').filter(function(index) {
  return $('strong', this).length == 1;
}).css('background-color', 'red');

2.trigger()

触发事件的发生,比如:

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

出发id为btn的点击事件。
还可以触发自定义事件:
先绑定自定义事件:

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

触发事件:

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

3.$.contains(elem1, elem2)

这个是判断dom元素是否包含在另一个dom里面,并不是java的contains哦

4.$.each()

循环遍历,看一下代码就知道啦:

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
**

5.$.grep()

筛选数组:

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


前端spark
567 声望9 粉丝

爱生活,爱编程