jQuery 篩選器簡(jiǎn)單操作示例

更新時(shí)間：2019年10月02日 12:04:43 作者：kevin.Xiang

這篇文章主要介紹了jQuery 篩選器簡(jiǎn)單操作,結(jié)合實(shí)例形式詳細(xì)分析了jQuery篩選器針對(duì)元素、字符串、屬性等操作常見技巧與操作注意實(shí)行,需要的朋友可以參考下

本文實(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()來傳入。
// 獲取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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery購(gòu)物車結(jié)算功能實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了jquery購(gòu)物車結(jié)算功能的實(shí)現(xiàn)方法,購(gòu)買多個(gè)商品進(jìn)行統(tǒng)一結(jié)算，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
基于jquery實(shí)現(xiàn)ajax無刷新評(píng)論
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)ajax無刷新評(píng)論的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考
2016-05-05
jQuery學(xué)習(xí)筆記之jQuery選擇器的使用
jQuery中最核心和最讓人愛不釋手的就是選擇器，下面就是各種選擇器代筆的意義。
2010-12-12
JQuery 在文檔中查找指定name的元素并移除的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫Query 在文檔中查找指定name的元素并移除的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
jQuery動(dòng)態(tài)地獲取系統(tǒng)時(shí)間實(shí)現(xiàn)代碼
jquery獲取當(dāng)前年份、獲取當(dāng)前月份（0——11），具體思路及代碼如下，感興趣的朋友可以參考下哈，希望可以幫助到你
2013-05-05
jquery的trigger和triggerHandler的區(qū)別示例介紹
這篇文章主要介紹了jquery的trigger和triggerHandler的區(qū)別,需要的朋友可以參考下
2014-04-04
基于jQuery實(shí)現(xiàn)最基本的淡入淡出效果實(shí)例
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)最基本的淡入淡出效果的方法,實(shí)例分析了jQuery中hide、show、toggle等函數(shù)的使用技巧,需要的朋友可以參考下
2015-02-02
基于jQuery實(shí)現(xiàn)數(shù)字滾動(dòng)效果
本文主要分享了基于jQuery實(shí)現(xiàn)數(shù)字滾動(dòng)效果的示例代碼，附源碼下載。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
jquery怎樣實(shí)現(xiàn)ajax聯(lián)動(dòng)框(一)
ajax聯(lián)動(dòng)框想必大家早有所耳聞，接下來本文詳細(xì)介紹下使用jquery實(shí)現(xiàn)的原理及代碼，感興趣的你可以參考下，或許對(duì)你有所幫助
2013-03-03
jQuery動(dòng)畫效果實(shí)現(xiàn)圖片無縫連續(xù)滾動(dòng)
這篇文章主要為大家介紹了jQuery動(dòng)畫效果實(shí)現(xiàn)圖片無縫連續(xù)滾動(dòng)，實(shí)現(xiàn)類似連續(xù)不間斷的滾動(dòng)廣告位，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-01-01