這篇文章主要介紹jquery基本過濾器是什么，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

jquery基本過濾器有：1、jQuery first方法，該方法返回被選元素的首個(gè)元素；2、jQuery last方法，該返回被選元素中帶有指定索引號(hào)的元素；3、jQuery eq方法，該方法返回被選元素中帶有指定索引號(hào)的元素等等。

jQuery基本過濾器

最近小編正在學(xué)習(xí)jQuery的知識(shí)，總結(jié)一下最近在項(xiàng)目中用到的知識(shí)。

    jQuery first() 方法

first() 方法返回被選元素的首個(gè)元素。

下面的例子選取首個(gè)

元素內(nèi)部的第一個(gè)
• 元素：

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

  jQuery last() 方法

  last() 方法返回被選元素的最后一個(gè)元素。

  下面的例子選擇最后一個(gè)

  元素中的最后一個(gè)
  • 元素：

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

    jQuery eq() 方法

    eq() 方法返回被選元素中帶有指定索引號(hào)的元素。

    索引號(hào)從 0 開始，因此首個(gè)元素的索引號(hào)是 0 而不是 1。下面的例子選取第二個(gè)

    元素（索引號(hào) 1）：

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

    jQuery filter() 方法

    filter() 方法允許您規(guī)定一個(gè)標(biāo)準(zhǔn)。不匹配這個(gè)標(biāo)準(zhǔn)的元素會(huì)被從集合中刪除，匹配的元素會(huì)被返回。

    下面的例子返回帶有類名 "intro" 的所有

    元素：

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

    jQuery not() 方法

    not() 方法返回不匹配標(biāo)準(zhǔn)的所有元素。

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

    下面的例子返回不帶有類名 "intro" 的所有

    元素：

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

    【實(shí)例】

    當(dāng)你的頁面上動(dòng)態(tài)生成的菜單（li標(biāo)簽）需要默認(rèn)顯示第一菜單功能時(shí)，這時(shí)候.first方法就非常好用。

    function createDiv(obj){
    var pathName = window.localtion.pathname;
    var curfilepath = (pathName).substring(pathName.substring(1).indexOf('/')+1);
    //把數(shù)據(jù)轉(zhuǎn)換成樹形結(jié)構(gòu)
    var _data = transform2NormalData(obj);
    if(_data.length>0){
    var fnav=$('
    ').appendTo($('.logonav'));
    for(var i=0;i<_data.length;i++){
    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;
    }
    }
    });
    }
     
    //默認(rèn)顯示第一個(gè)li標(biāo)簽中的內(nèi)容
    $('.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;
    }
    }
    }
    }

    以上是jquery基本過濾器是什么的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

    
    本文名稱：jquery基本過濾器是什么-創(chuàng)新互聯(lián)
    網(wǎng)站鏈接：http://weahome.cn/article/jsoip.html