jQuery選擇器之基本篩選選擇器

圖片.png

注意事項(xiàng):

  1. :eq(), :lt(), :gt(), :even, :odd 用來篩選他們前面的匹配表達(dá)式的集合元素,根據(jù)之前匹配的元素在進(jìn)一步篩選,注意jQuery合集都是從0開始索引
    2.gt是一個(gè)段落篩選,從指定索引的下一個(gè)開始,gt(1) 實(shí)際從2開始

示例1

圖片.png

示例2:even

圖片.png

結(jié)果

圖片.png

怎么是First和Three?因?yàn)樵貜?開始索引,F(xiàn)irst的元素索引值為0;

想獲得Two和Four怎么辦呢,改為$(".div1 odd")即可

示例:

  1. $("input:not(:checked) + p").css("background-color", "red");
    匹配input標(biāo)簽中沒有被選中的選框下緊跟著的p標(biāo)簽中的內(nèi)容,并將背景顏色改為紅色

2.$(".mp:lt(2)").css("color", "red"); lt: less than
匹配class為mp的元素,并將元素小標(biāo)小于2的顏色改為紅色

3.2.$(".mp:gt(2)").css("color", "red"); gt:greater than

4.2.$(".mp:eq(2)").css("color", "red"); eq:equal
單一選中某一元素

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 作為前端和后臺最基礎(chǔ)可靠的神器工具JQuery,你真的對她有足夠了解么? 亞非拉地區(qū)苦逼的前端er們,有時(shí)候不得不...
    扭了個(gè)妞閱讀 407評論 0 0
  • 一、樣式篇 第1章 初識jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,683評論 0 44
  • 一、基本選擇器 1.id選擇器 找到id=main的元素給它增加border:1px solid red; 2.標(biāo)...
    mkmolecule閱讀 350評論 0 0
  • 1.JS中選擇DOM元素的方法 考慮兼容性的話,js里面提供的選擇DOM的方法只有兩個(gè): 2.jQuery選擇器 ...
    MGd閱讀 164評論 0 0
  • 文:阿扎 “十年后拉薩見!”——這是我在西寧恒裕房門前看到的字。一直在幻想這6個(gè)字背后的故事,或許是一夜邂逅戀戀不...
    阿扎_鄭雷濤閱讀 698評論 8 7

友情鏈接更多精彩內(nèi)容