s
regular
explanation
通用選擇符，匹配任何的html元素 e
匹配任何的html元素e
e1 e2
匹配任何的html
元素e1
下的元素e2
e1>e2
匹配任何的html
元素e1
下的子元素e2
e1+e2
匹配任何的html
元素e1
後的兄弟元素e2
e1~e2
匹配任何的html
元素e1
之間的兄弟元素e2
e1,e2
匹配任何的html
元素e1
或元素e2
e.class
匹配任何的html
元素class=」class」的元素e
e#id
匹配任何的html
元素id=」id」的元素e
e:first-child
匹配任何的html元素e
的第乙個元素
e:last-child
匹配任何的html元素e
的最後乙個元素
e:nth-child(n)
匹配任何的html元素e
的第n個元素
e:only-child
匹配任何的html
元素沒有兄弟元素的元素e
e:empty
匹配任何的html
元素沒有子元素的元素e
e:enabled
匹配任何的html
元素處於
enabled
狀態的元素e
e:disabled
匹配任何的html
元素處於
disabled
狀態的元素e
e:checked
匹配任何的html
元素處於
checked
狀態的元素e
e:not(s)
匹配任何的html
元素但不匹配選擇符
s的元素e
e[attr]
匹配任何的html
元素包含屬性
attr
的元素e
e[attr=」value」]
匹配任何的html
元素包含屬性
attr=」value」的元素e
e[attr^=」value」]
匹配任何的html
元素包含屬性
attr
以」value」開始的元素e
e[attr$=」value」]
匹配任何的html
元素包含屬性
attr
以」value」結尾的元素e
e[attr*=」value」]
匹配任何的html
元素包含屬性
attr
包含」value」的元素e
e[attr|=」value」]
匹配任何的html
元素包含屬性
attr
以」value」開始_
鏈結的元素e
e[attr~=」value」]
匹配任何的html
元素包含屬性
attr
於空白之間含」value」的元素e
e[attr!=」value」]
匹配任何的html
元素包含屬性
attr!=」value」的元素e
e[attr1=」value1」
attr2=」value2」]
匹配任何的html
元素包含屬性
attr1=」value1」且attr2=」value2」的元素e
e:animated
匹配任何的html
元素處於
animated
狀態的元素e
:button(file/submit/
password/image/
radio/checkbox/
reset/text/input)
匹配任何的html
元素button
或type=」button」的input
元素 type=」file」/type=」submit/」/type=」password」/type=」image」/type=」radio」/type=」checkbox」/type=」reset」/type=」text」
input/textarea/select/button
e:parent
匹配任何的html
元素包含子節點的元素
e(文字子節點也算）
e:contains(str)
匹配任何的html
元素包含
str文字的元素e
e:eq(i)/gt(i)/lt(i)
匹配任何的html
元素等於/大於
/小於i索引值的元素e
e:even/e:odd
匹配任何的html
元素等於偶數
/奇數索引值的元素e
e:hidden/visible
匹配任何的html
元素的不可見
/可見元素e
e:first/e:last
匹配任何的html元素e
的第乙個、最後乙個元素
:header
匹配任何的html
元素的標題元素
e:has(s)
匹配任何的html
元素含有選擇器
s的元素e
e:selected
匹配任何的html
元素被選擇的元素e
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...
jQuery選擇器之全選擇器（ 選擇器）
在css中，經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery，如果要獲取文件中所有的元素，通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...