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

圖片.png

注意事項:

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

示例1

圖片.png

示例2:even

圖片.png

結果

圖片.png

怎么是First和Three?因為元素從0開始索引,First的元素索引值為0;

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

示例:

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

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

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

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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