jQuery 遍歷 - 過濾

2017-09-18
摘抄自W3school-jQuery 遍歷 - 過濾
希望幫助自己系統(tǒng)地打好基礎(chǔ),也能在做筆記的同時添加一些自己額外的收獲壹哺。

縮寫搜索元素的范圍
三個最基本的過濾方法是:first(), last() 和 eq()抄伍,它們允許您基于其在一組元素中的位置來選擇一個特定的元素。
其他過濾方法管宵,比如 filter() 和 not() 允許您選取匹配或不匹配某項指定標準的元素截珍。

jQuery first() 方法

first() 方法返回被選元素的首個元素。
下面的例子選取首個 <div> 元素內(nèi)部的第一個 <p> 元素:

$(document).ready(function(){
  $("div p").first();
});
jQuery last() 方法

last() 方法返回被選元素的最后一個元素箩朴。
下面的例子選擇最后一個 <div> 元素中的最后一個 <p> 元素:

$(document).ready(function(){
  $("div p").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");
});
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市僧免,隨后出現(xiàn)的幾起案子刑赶,更是在濱河造成了極大的恐慌,老刑警劉巖懂衩,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撞叨,死亡現(xiàn)場離奇詭異,居然都是意外死亡浊洞,警方通過查閱死者的電腦和手機牵敷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來法希,“玉大人枷餐,你說我怎么就攤上這事∩灰啵” “怎么了毛肋?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長屋剑。 經(jīng)常有香客問我润匙,道長,這世上最難降的妖魔是什么唉匾? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任孕讳,我火速辦了婚禮,結(jié)果婚禮上巍膘,老公的妹妹穿的比我還像新娘厂财。我一直安慰自己,他們只是感情好峡懈,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布蟀苛。 她就那樣靜靜地躺著,像睡著了一般逮诲。 火紅的嫁衣襯著肌膚如雪帜平。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天梅鹦,我揣著相機與錄音裆甩,去河邊找鬼。 笑死齐唆,一個胖子當著我的面吹牛嗤栓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼茉帅,長吁一口氣:“原來是場噩夢啊……” “哼叨叙!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起堪澎,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤擂错,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后樱蛤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體钮呀,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年昨凡,在試婚紗的時候發(fā)現(xiàn)自己被綠了爽醋。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡便脊,死狀恐怖蚂四,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情哪痰,我是刑警寧澤遂赠,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站妒御,受9級特大地震影響解愤,放射性物質(zhì)發(fā)生泄漏镇饺。R本人自食惡果不足惜乎莉,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望奸笤。 院中可真熱鬧惋啃,春花似錦、人聲如沸监右。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽健盒。三九已至绒瘦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扣癣,已是汗流浹背惰帽。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留父虑,地道東北人该酗。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親呜魄。 傳聞我的和親對象是個殘疾皇子悔叽,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 通過jQuery,您可以選染粜帷(查詢娇澎,query)HTML元素,并對它們執(zhí)行“操作”(actions)操骡。 jQuer...
    枇杷樹8824閱讀 657評論 0 3
  • 請記得在進行JQuery類庫的運用時九火,加入JQuery類庫,并且要保證先寫文檔就緒函數(shù) $(document).r...
    Sunshinemm閱讀 2,911評論 1 40
  • jQuery 遍歷 什么是遍歷册招?jQuery 遍歷岔激,意為“移動”,用于根據(jù)其相對于其他元素的關(guān)系來“查找”(或選取...
    hx永恒之戀閱讀 370評論 0 6
  • jQuery是一套跨瀏覽器的JavaScript庫是掰,簡化HTML與JavaScript之間的操作虑鼎。由約翰·雷西格(...
    靜候那一米陽光閱讀 786評論 0 18
  • 什么是快樂,喜歡寫作的人說我只要寫作就會快樂键痛,什么是快樂炫彩,喜歡喝酒的人說,我只要喝酒就會快樂絮短,那么快樂的源泉究竟再...
    又見花開閱讀 696評論 0 2