所以乾脆還是把一些要用的資訊整理一下好了
選擇器 (Selector):
分類 | 選擇器 | 意義 |
---|---|---|
CSS 選擇器 | 標籤名稱 | 文件中所有該標籤的元素(element) |
# | id | |
. | class | |
, | 用來結合不同條件 | |
子元素組合運算子 | a>b 或 a b | a 的子元素 b |
a+b | 緊接 a 元素的 b 元素 例:$('tr + td') | |
a~b | 與 a 在同一層的 b 元素 例:$('#myDiv ~ div') | |
屬性選擇器 (支援正規表示式) | [] | 屬性篩選 ^ 字串首 $ 字串尾 * 任意字 ! 反向 例:$('a[href^=mailto:]') $('a[href$=.pdf]') |
自定選擇器 | :eq(index) | 索引值 |
:gt(index) | 索引值後 | |
:lt(index) | 索引值前 | |
:visible | 可視元素 | |
:hidden | 隱藏的元素 | |
:first | 第一個元素 | |
:last | 最後一個元素 | |
:odd() | 奇數 | |
:even() | 偶數 | |
:has(selector) | 含 | |
:not(selector) | 不含 | |
:empty | 無子元素 | |
:contains(text) | 含有指定文字 | |
:header | <h1>到<h6> | |
:animated | 正在動畫中的元素 | |
子元素選擇器 | :child(formula) | 公式的形式為 a*n+b |
:parent | 父元素 | |
:first-child | 第一個子元素 | |
:last-child | 最後一個子元素 | |
:only-child | 在父元素下是唯一的子元素 | |
:nth-child(index/even/odd/equation) | 父元素的第index(從 1 開始)個子代元素 | |
:nth- | 父元素的子代元素 | |
表單選擇器 | :text :checkbox :radio :image :submit :reset :file | |
:input | input, textarea, select, button 等元素 | |
:button | Button 元素及具有 type 屬性的 input 元素 | |
:enabled | 作用中的表單元素 | |
:disabled | 禁用中的表單元素 | |
:checked | 被核取的radio button 和 checkbox | |
:selected | 被選到的下拉選單 option |
或是參考官方的 doc
http://docs.jquery.com/Selectors
沒有留言:
張貼留言