生活随笔
收集整理的這篇文章主要介紹了
jQueryt过滤选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
基本過濾選擇器
選擇器描述返回示例重要
| :first | 返回第一個元素 | 單個元素 | ? | ? |
| :last | 返回最后一個元素 | 單個元素 | ? | ? |
| :not(selector) | 除去與給定選擇器匹配的元素 | 集合元素 | ? | ☆ |
| :even | 偶數元素 | 集合元素 | ? | ? |
| :odd | 奇數元素 | 集合元素 | ? | ? |
| :eq(index) | 返回集合中指定索引的元素,索引0開始 | 單個元素 | ? | ☆ |
| :gt(index) | 大于 | 集合元素 | ? | ? |
| :lt(index) | 小于 | 集合元素 | ? | ? |
| :header | 所有標題 | 集合元素 | ? | ? |
| :animated | 正在執行動畫的 | 集合元素 | ? | ? |
| :focus | 焦點元素 | 集合元素 | ? | ? |
內容過濾選擇器
選擇器描述返回示例重要
| :contains(text) | 選取含有文本'text'的 | 集合元素 | ? | ? |
| :empty | 選取不含子元素或不含文本的空元素 | 集合元素 | ? | ☆ |
| :has(selector) | 選取含有選擇器所匹配的元素的元素 | 集合元素 | $("div:has(p)") | ☆ |
| :parent | 選取含有子元素或者文本的元素,與empty相對 | ? | ? | ☆ |
可見性過濾選擇器
選擇器描述返回示例重要
| :hidden | 選取所有不可見的元素,1.3對visibility:hidden(不留位置) 管用,1.7之后不管用 | 集合元素 | ? | ☆ |
| :visible | 選取所有可見的元素 | 集合元素 | ? | ☆ |
屬性過濾選擇器
選擇器描述返回示例重要
| [attr] | 選取含有此屬性的元素 | 集合元素 | $(div [data] ) | ☆ |
| [attr=val] | 等于 | ? | ? | ? |
| [attr!=val] | 不等于 | ? | ? | ? |
| [attr^=val] | 以開始 | ? | ? | ? |
| [attr$=val] | 以結束 | ? | ? | ? |
| [attr*=val] | 值含有 | ? | ? | ? |
| [attr|=val] | 選取屬性等于給定字符串或以字符串為前綴的(如data-形式) | ? | $(div[tile|='data']),可以選擇 title="data" 或 title="data-xxx" | ☆☆ |
| [attr~=val] | 選取用空格分隔的值中包含一個給定值 | ? | ? | ☆ |
| [a1][a2].. | 復合選擇器 | ? | ? | ? |
子元素過濾選擇器
選擇器描述返回示例重要
| :nth-child(index/even/odd/3n+1),index :1 | index,奇偶,還可以是表達式 | ? | ? | ? |
| :first-child | 每個父元素的第一個元素,跟:first不一樣 | ? | ? | ☆ |
| :last-child | 每個父元素的最后一個 | ? | ? | ? |
| :only-child | 如果是父元素的唯一一個元素,則匹配 | ? | ? | ☆ |
表單對象屬性過濾選擇器
選擇器描述返回示例重要
| :enabled | 選取所有可用元素 | ? | ? | ? |
| :disabled | ? | ? | ? | ? |
| :checked | 選取所有被選中的單選框或多選框 | ? | ? | ☆ |
| :selected | ? | ? | ? | ? |
表單對象屬性過濾選擇器
選擇器描述返回示例重要
| :input | 所有的<input>,<textarea>,<select>和<button> | ? | ? | ☆ |
| :text | 所有的單行文本 | ? | ? | ? |
| :password | ? | ? | ? | ? |
| :radio | ? | ? | ? | ? |
| :checkbox | ? | ? | ? | ? |
| :submit | 包括 image,與button無關 | ? | ? | ? |
| :image | 所有的圖像按鈕 | ? | ? | ☆ |
| :reset | ? | ? | ? | ? |
| :button | 選取所有的按鈕,與submit無關,只選<button>或<input type="button"> | ? | ? | ☆ |
| :file | ? | ? | ? | ? |
| :hidden | ? | ? | ? | ? |
總結
以上是生活随笔為你收集整理的jQueryt过滤选择器的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。