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