所以乾脆還是把一些要用的資訊整理一下好了
選擇器 (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
沒有留言:
張貼留言