您好,登錄后才能下訂單哦!
這篇文章主要介紹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è) <ul> 元素內(nèi)部的第一個(gè) <li> 元素:
$(document).ready(function(){ $("ul li").first(); });
jQuery last() 方法
last() 方法返回被選元素的最后一個(gè)元素。
下面的例子選擇最后一個(gè) <ul> 元素中的最后一個(gè) <li> 元素:
$(document).ready(function(){ $("ul li").last(); });
jQuery eq() 方法
eq() 方法返回被選元素中帶有指定索引號(hào)的元素。
索引號(hào)從 0 開始,因此首個(gè)元素的索引號(hào)是 0 而不是 1。下面的例子選取第二個(gè) <p> 元素(索引號(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" 的所有 <p> 元素:
$(document).ready(function(){ $("p").filter(".intro"); });
jQuery not() 方法
not() 方法返回不匹配標(biāo)準(zhǔn)的所有元素。
提示:not() 方法與 filter() 相反。
下面的例子返回不帶有類名 "intro" 的所有 <p> 元素:
$(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=$('<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; } } }); } //默認(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)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。