jquery基本过滤器有哪些

jquery基本过滤器有：1、jQuery first方法，该方法返回被选元素的首个元素；2、jQuery last方法，该返回被选元素中带有指定索引号的元素；3、jQuery eq方法，该方法返回被选元素中带有指定索引号的元素等等。

推荐：《js视频教程》

jQuery基本过滤器

      最近小编正在学习jQuery的知识，总结一下最近在项目中用到的知识。

     jQuery first() 方法

        first() 方法返回被选元素的首个元素。

          下面的例子选取首个 ff6d136ddc5fdfeffaf53ff6ee95f185 元素内部的第一个 25edfb22a4f469ecb59f1190150159c6 元素：

$(document).ready(function(){
  $("ul li").first();
});

jQuery last() 方法

last() 方法返回被选元素的最后一个元素。

下面的例子选择最后一个 ff6d136ddc5fdfeffaf53ff6ee95f185 元素中的最后一个 25edfb22a4f469ecb59f1190150159c6 元素：

$(document).ready(function(){
  $("ul li").last();
});

jQuery eq() 方法

eq() 方法返回被选元素中带有指定索引号的元素。

索引号从 0 开始，因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 e388a4556c0f65e1904146cc1a846bee 元素（索引号 1）：

$(document).ready(function(){
  $("p").eq(1);
});

jQuery filter() 方法

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。

下面的例子返回带有类名 "intro" 的所有 e388a4556c0f65e1904146cc1a846bee 元素：

$(document).ready(function(){
  $("p").filter(".intro");
});

jQuery not() 方法

not() 方法返回不匹配标准的所有元素。

提示：not() 方法与 filter() 相反。

下面的例子返回不带有类名 "intro" 的所有 e388a4556c0f65e1904146cc1a846bee 元素：

$(document).ready(function(){
  $("p").not(".intro");
});

【实例】

      当你的页面上动态生成的菜单（li标签）需要默认显示第一菜单功能时，这时候.first方法就非常好用。 

function createDiv(obj){
var pathName = window.localtion.pathname;
var curfilepath = (pathName).substring(pathName.substring(1).indexOf('/')+1);
//把数据转换成树形结构
var _data = transform2NormalData(obj);
if(_data.length>0){
var fnav=$(&#39;<ul />&#39;).appendTo($(&#39;.logonav&#39;));
for(var i=0;i<_data.length;i++){
var fdata=_data[i];
var fil = $(&#39;<li>&#39;+fdata.NAME+&#39;</ul>&#39;).appendTo(fnav);
fil.data("attr",fdata);
fil.on("click",function(){
$(this).addClass(&#39;ztNav_cl&#39;).sublings().removeClass("ztNav_cl");
var data = $(this).data(&#39;attr&#39;);
var ext = parseExtext(data.EXTENSTIONS);
if(ext!="" && ext!=null){
var func=eval(ext.func);
if(typeof(func) == &#39;function&#39;){
func?func(data):false;
}
}
});
}
 
//默认显示第一个li标签中的内容
$(&#39;.logonav ul li:first&#39;).addClass(&#39;ztNav_cl&#39;).sublings().removeClass("ztNav_cl");
var data = $(this).data(&#39;attr&#39;);
var ext = parseExtext(data.EXTENSTIONS);
if(ext!="" && ext!=null){
var func=eval(ext.func);
if(typeof(func) == &#39;function&#39;){
func?func(data):false;
}
}
}
}

以上是jquery基本过滤器有哪些的详细内容。更多信息请关注PHP中文网其他相关文章！