WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

2-9. jQuery 的絕對性選取器

jQuery 的選取器

其餘選取器請參看: 【參看英文版】 【參看簡中版】 【參看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 選取含有子元素或者純文字的元素
可見性過濾選取器 說明
:hidden 選取所有不可見的元素
:visible 選取所有可見的元素
屬性過濾選取器 說明
[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 選取父元素中只有惟一的子元素

 

 

go TOP