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方法
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。