這篇文章主要介紹jquery基本過濾器是什么,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站專注于巴里坤哈薩克企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計,商城系統(tǒng)網(wǎng)站開發(fā)。巴里坤哈薩克網(wǎng)站建設(shè)公司,為巴里坤哈薩克等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站,專業(yè)設(shè)計,全程項目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)jquery基本過濾器有:1、jQuery first方法,該方法返回被選元素的首個元素;2、jQuery last方法,該返回被選元素中帶有指定索引號的元素;3、jQuery eq方法,該方法返回被選元素中帶有指定索引號的元素等等。
jQuery基本過濾器
最近小編正在學(xué)習(xí)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"); });
【實例】
當(dāng)你的頁面上動態(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)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
本文題目:jquery基本過濾器是什么-創(chuàng)新互聯(lián)
URL標題:http://aaarwkj.com/article8/jsoip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、手機網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、微信公眾號、定制開發(fā)、用戶體驗
聲明:本網(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)
猜你還喜歡下面的內(nèi)容