jQuery的選擇器全解讀 1

2021-06-30 16:32:30 字數 1506 閱讀 9067

jquery

的選擇器主要有三大類,即

css3

的基本選擇器,

css3

的位置選擇器和過濾選擇器。

基本選擇器是 jquery 中最常用的選擇器, 也是最簡單的選擇器, 它通過元素 id, class 和標記名來查詢 dom 元素

改變 id 為 one 的元素的背景色為 紅色

$("#one").css("backgroundcolor","red");

改變元素名為 的所有元素的背景色為 # bbffaa,字型顏色為紅色

$("p").css();

改變第乙個元素的背景色為紅色

$("p").eq(0).css("backgroundcolor","red");

改變所有元素和 id 為 one 的元素的背景色為 # bbffaa

$("h1,#one").css("backgroundcolor","#bbffaa");

層次選擇器如果想通過 dom 元素之間的層次關係來獲取特定元素, 例如後代元素, 子元素, 相鄰元素, 兄弟元素等, 則需要使用層次選擇器

改變 內所有的背景色為 #bbffaa

$(「body div")

改變 內子的背景色為 #bbffaa

$(「body>div")

改變 id 為one的下乙個的背景色為 #bbffaa

$("#one+div")

改變 id 為two的元素後面的所有兄弟的元素的背景色為 #bbffaa

$("#two~div")

改變 id 為two的元素所有 兄弟元素的背景色為 #bbffaa   $("#two").siblings("p")

過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的 dom 元素, 該選擇器都以 「:」 開頭

按照不同的過濾規則, 過濾選擇器又可分

基本過濾, 內容過濾, 可見性過濾, 屬性過濾, 子元素過濾和表單物件屬性過濾選擇器

jQuery選擇器之基本選擇器(1)

基本選擇器主要有五種 分別為 id選擇器 class選擇器 element 選擇器 選擇器和組合選擇器。1 id選擇器 根據id查詢標籤物件 2 element選擇器 根據標籤名查詢標籤物件 3 class選擇器 根據class查詢標籤物件 4 選擇器 表示任意的,所有的元素 5 組合選擇器 合併多...

jQuery選擇器總結 1

jquery id id選擇器,class class選擇器,選擇所有標籤,div 標籤選擇器,選擇所有div,span,id 選擇所有span標籤和id為id的所有標籤的並集 body div body標籤內所有的div body div body標籤的所有子元素div,孫子不要 id div i...

jQuery 基礎1 選擇器

1 什麼是jquery物件 jquery物件是由jquery對頁面元素進行封裝後的一種體現。jquery中所提供的所有操作都只針對jquery物件,其他物件 dom物件 無法使用。2 工廠函式 想要獲取jquery物件的話,則必須使用工廠函式 在 中允許傳遞乙個選擇器或者dom物件作為引數,能夠將選...