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物件作為引數,能夠將選...