其餘選取器請參看: 【參看英文版】 【參看簡中版】 【參看JQ官網版】
基本選取器 | 說明 |
---|---|
#id | 選取指定id名稱的元素 |
.class | 選取指定類別名稱的元素 |
element | 選取指定標籤名稱的元素 |
* | 選取所有的元素 |
selector1,selector2,...,selectorN | 同時選取多個指定名稱的元素 |
層次選取器 | 說明 |
---|---|
ancestor descendant | 選取ancestor元素裡的所有descendant後代元素 |
parent > child | 選取parent元素下的child子元素 |
prev + next | 選取緊接在prev元素後的next元素 |
prev ~ siblings | 選取prev元素之後的所有兄弟姊妹的元素 |
基本過濾選取器 | 說明 |
---|---|
:first | 選取第1個元素 |
:last | 選取最後1個元素 |
:not(selector) | 去除指定的selector之後的其他元素 |
:even | 選取索引號碼是偶數的所有元素(索引從0開始) |
:odd | 選取索引號碼是奇數的所有元素(索引從0開始) |
:eq(index) | 選取索引號碼為index的元素 |
:gt(index) | 選取索引號碼大於index的元素 |
:lt(index) | 選取索引號碼小於index的元素 |
:header | 選取所有的標題元素(例如:h1、h2...等) |
:animated | 選取目前正在執行動畫的所有元素 |
內容過濾選取器 | 說明 |
---|---|
:contains(text) | 選取含有純文字內容為"text"的元素 |
:empty | 選取不包含子元素或者純文字的空元素 |
:has(selector) | 選取含有指定選取器的元素 |
:parent | 選取含有子元素或者純文字的元素 |
屬性過濾選取器 | 說明 |
---|---|
[attribute] | 選取擁有指定屬性的元素 |
[attribute=value] | 選取指定屬性值等於value的元素 |
[attribute!=value] | 選取指定屬性值不等於value的元素 |
[attribute^=value] | 選取指定屬性值以value開始的元素 |
[attribute$=value] | 選取指定屬性值以value結束的元素 |
[attribute*=value] | 選取指定屬性值包含有value的元素 |
[attribute|=value] | 選取指定屬性值等於value的元素, 通常會用在語言屬性 |
[attribute~=value] | 選取指定屬性值等於value的元素, 可包含空格 |
[selector1] [selector2] [selectorN] |
用屬性選取器合併成一個複合屬性選取器, 滿足多個條件,每選擇一次縮小一次範圍。 |
子元素過濾選取器 | 說明 |
---|---|
:nth-child(index/even/odd/eq) | 選取每個父元素下的第index個子元素或者奇偶元素(index從1算起) |
:first-child | 選取每個父元素的第1個子元素 |
:last-child | 選取每個父元素的最後1個子元素 |
:only-child | 選取父元素中只有惟一的子元素 |