jQuery 篩選器簡(jiǎn)單操作示例
本文實(shí)例講述了jQuery 篩選器簡(jiǎn)單操作。分享給大家供大家參考,具體如下:
jQuery 篩選器1
篩選器1: 在選擇器選擇的基礎(chǔ)上在選擇一次
// 當(dāng)前點(diǎn)擊的標(biāo)簽$(this) $(this) // .next() 獲取當(dāng)標(biāo)簽的下一個(gè)標(biāo)簽 $(this).next(); // .nextAll() 獲取當(dāng)標(biāo)簽的下面所有標(biāo)簽 $(this).nextAll(); // .nextUntil() 獲取當(dāng)標(biāo)簽的下面與指定標(biāo)簽之間所有標(biāo)簽 $(this).nextUntil('#id'); // .prev() 獲取當(dāng)標(biāo)簽的上一個(gè)標(biāo)簽 $(this).prev() ; // .prevAll() 獲取當(dāng)標(biāo)簽的上面所有標(biāo)簽 $(this).prevAll(); // .prevUntil() 獲取當(dāng)標(biāo)簽的上面與指定標(biāo)簽之間所有標(biāo)簽 $(this).prevUntil('#id'); // .parent() 獲取當(dāng)標(biāo)簽的父標(biāo)簽 $(this).parent() ; // .parents() 獲取當(dāng)標(biāo)簽的所有迭代父標(biāo)簽,直到找到它祖宗 $(this).parents() ; // .parents() 獲取當(dāng)標(biāo)簽的所有迭代父標(biāo)簽直到指定的父標(biāo)簽為止 $(this).parentsUntil('#id') ; // .children() 獲取當(dāng)標(biāo)簽的所有子標(biāo)簽 $(this).children() ; // .siblings() 獲取當(dāng)標(biāo)簽的所有兄弟標(biāo)簽 $(this).siblings(); // .find 查找每個(gè)兄弟或子孫標(biāo)簽內(nèi)的所有標(biāo)簽 $(this).siblings().find(')
jQuery 篩選器2
// 由于$()只能輸入字符串$('#li:eq(1)'),可通過.eq()來(lái)傳入。 // 獲取this標(biāo)簽中的指定屬性 $(this).eq(1) // 獲取第一個(gè)元素 $(this).first() // 獲取最后一個(gè)元素 $(this).last() // 檢查當(dāng)前元素是否含有某個(gè)特定類,有返回true,沒有false。 $(this).hasClass(class)
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- JQuery篩選器全系列介紹
- jQuery篩選器children()案例詳解(圖文)
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- jQuery多條件篩選如何實(shí)現(xiàn)
- jquery實(shí)現(xiàn)多條件篩選特效代碼分享
- jQuery選擇器之屬性篩選選擇器用法詳解
- 基于jQuery實(shí)現(xiàn)表格內(nèi)容的篩選功能
- 基于JQuery的一句代碼實(shí)現(xiàn)表格的簡(jiǎn)單篩選
- JS Jquery 遍歷,篩選頁(yè)面元素 自動(dòng)完成(實(shí)現(xiàn)代碼)
- jquery表格內(nèi)容篩選實(shí)現(xiàn)思路及代碼
- jquery數(shù)組過濾篩選方法grep()簡(jiǎn)介
相關(guān)文章
jQuery ajax請(qǐng)求返回list數(shù)據(jù)動(dòng)態(tài)生成input標(biāo)簽,并把list數(shù)據(jù)賦值到input標(biāo)簽
這篇文章主要介紹了jQuery ajax請(qǐng)求返回list數(shù)據(jù)動(dòng)態(tài)生成input標(biāo)簽,并把list數(shù)據(jù)賦值到input標(biāo)簽的相關(guān)資料,需要的朋友可以參考下2016-03-03實(shí)現(xiàn)placeholder效果的方案匯總
由于placeholder是html5的新屬性,可想而知,僅支持html5的瀏覽器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。2015-06-06jQuery實(shí)現(xiàn)寬屏圖片輪播實(shí)例教程
這篇文章為大家分享了一個(gè)jQuery實(shí)現(xiàn)寬屏圖片輪播實(shí)例教程,外觀看上去非常大氣,感興趣的小伙伴們可以參考一下2015-11-11jQuery實(shí)現(xiàn)在新增加的元素上添加事件方法案例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)在新增加的元素上添加事件方法,結(jié)合具體實(shí)例形式分析了jQuery針對(duì)新增加的元素添加事件的實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2017-02-02jQuery實(shí)現(xiàn)頁(yè)面內(nèi)錨點(diǎn)平滑跳轉(zhuǎn)特效的方法總結(jié)
通過jQuery實(shí)現(xiàn)頁(yè)面內(nèi)錨點(diǎn)平滑跳轉(zhuǎn)的方法很多,可以通過插件hovertreescroll實(shí)現(xiàn),也可以簡(jiǎn)單的通過animate方法實(shí)現(xiàn),下面介紹這2種比較簡(jiǎn)單的方法。2015-05-05基于LayUI實(shí)現(xiàn)前端分頁(yè)功能的方法
下面小編就為大家?guī)?lái)一篇基于LayUI實(shí)現(xiàn)前端分頁(yè)功能的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-07-07