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

成都創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網(wǎng)站設計、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的鷹手營子網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

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

jQuery基本過濾器

最近小編正在學習jQuery的知識，總結(jié)一下最近在項目中用到的知識。

    jQuery first() 方法

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

下面的例子選取首個 <ul> 元素內(nèi)部的第一個 <li> 元素：

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

jQuery last() 方法

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

下面的例子選擇最后一個 <ul> 元素中的最后一個 <li> 元素：

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

jQuery eq() 方法

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

索引號從 0 開始，因此首個元素的索引號是 0 而不是 1。下面的例子選取第二個 <p> 元素（索引號 1）：

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

jQuery filter() 方法

filter() 方法允許您規(guī)定一個標準。不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回。

下面的例子返回帶有類名 "intro" 的所有 <p> 元素：

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

jQuery not() 方法

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

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

下面的例子返回不帶有類名 "intro" 的所有 <p> 元素：

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

【實例】

當你的頁面上動態(tài)生成的菜單（li標簽）需要默認顯示第一菜單功能時，這時候.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=$('<ul />').appendTo($('.logonav'));
for(var i=0;i<_data.length;i++){
var fdata=_data[i];
var fil = $('<li>'+fdata.NAME+'</ul>').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標簽中的內(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)容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁標題：jquery基本過濾器是什么
轉(zhuǎn)載來源：http://www.chinadenli.net/article48/pieghp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站設計、App開發(fā)、網(wǎng)站設計公司、自適應網(wǎng)站、服務器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)