jq常用过滤器_jquery基本过滤器有哪些

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

jQuery基本过滤器

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

jQuery first() 方法

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

下面的例子选取首个

• 元素内部的第一个
• 元素：$(document).ready(function(){

  $("ul li").first();

  });

  jQuery last() 方法

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

  下面的例子选择最后一个

  • 元素中的最后一个
  • 元素：$(document).ready(function(){

    $("ul li").last();

    });

    jQuery eq() 方法

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

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

    元素(索引号 1)：$(document).ready(function(){

    $("p").eq(1);

    });

    jQuery filter() 方法

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

    下面的例子返回带有类名 "intro" 的所有

    元素：$(document).ready(function(){

    $("p").filter(".intro");

    });

    jQuery not() 方法

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

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

    下面的例子返回不带有类名 "intro" 的所有

    元素：$(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=$('

    for(var i=0;i<_data.length>

    var fdata=_data[i];

    var fil = $('

  • '+fdata.NAME+'

').appendTo(fnav);

fil.data("attr",fdata);

fil.on("click",function(){

$(this).addClass('ztNav_cl').sublings().removeClass("ztNav_cl");

var data = $(this).data('attr');

var ext = parseExtext(data.EXTENSTIONS);

if(ext!="" && ext!=null){

var func=eval(ext.func);

if(typeof(func) == 'function'){

func?func(data):false;

}

}

});

}

//默认显示第一个li标签中的内容

$('.logonav ul li:first').addClass('ztNav_cl').sublings().removeClass("ztNav_cl");

var data = $(this).data('attr');

var ext = parseExtext(data.EXTENSTIONS);

if(ext!="" && ext!=null){

var func=eval(ext.func);

if(typeof(func) == 'function'){

func?func(data):false;

}

}

}

}