jquery常见的选择器
生活随笔
收集整理的這篇文章主要介紹了
jquery常见的选择器
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
jquery常見的選擇器
具體參考官方API:http://jquery.cuishifeng.cn/
1. 基本選擇器
1.通配符選擇器 * 用于選擇所有元素2.元素選擇器 選擇文檔的元素 如html,body,p等3.ID選擇器 ID是頁面唯一標(biāo)值,ID只能用一次.以#ID標(biāo)值.如#firstname是以ID為firstname的元素4.class選擇器.選擇器僅可以選擇同時包含這些類名的元素。以.class標(biāo)值。如.intro是以選擇class為intro的元素5.群組選擇器 如div,p,.info，選取<div>元素和<p>元素和class為info的元素2.層級選擇器
1.后代選擇器 如div p,選取</p><div>元素下所有<p>元素2.相鄰兄弟元素選擇器 如div+p,選擇所有緊接著</p><div>元素之后的<p>元素3.子元素選擇器 如div>p,選擇所有父級是</p><div>元素內(nèi)的所有<p>元素4.通用兄弟選擇器 如p~ul ,選擇p元素之后的每一個ul元素3. 篩選器
1. 基本篩選器
1. :first 獲取第一個元素 2. :not(selector) 去除所有與給定選擇器匹配的元素 3. :even 匹配所有索引值為偶數(shù)的元素，從 0 開始計數(shù) 4. :odd 匹配所有索引值為奇數(shù)的元素，從 0 開始計數(shù) 5. :eq(index) 匹配一個給定索引值的元素 6. :gt(index) 匹配所有大于給定索引值的元素 7. :It(index) 匹配所有小于給定索引值的元素 8. :last 獲取最后個元素 9. :header 選擇所有標(biāo)題元素（h1 - h6） 10. :animated 匹配所有正在執(zhí)行動畫效果的元素 11. :focus 匹配當(dāng)前獲取焦點(diǎn)的元素 12. :root 選擇該文檔的根元素 在HTML中，文檔的根元素,和$(":root")選擇的元素一樣,永遠(yuǎn)是<html>元素 13 :target 選擇由文檔URI的格式化識別碼表示的目標(biāo)元素2. 內(nèi)容篩選器
1.:contains(text) 匹配包含給定文本的元素 2.:empty 匹配所有不包含子元素或者文本的空元素 3.:has(selector) 匹配含有選擇器所匹配的元素的元素 4.:parent 匹配含有子元素或者文本的元素3. 可見性
:hidden 匹配所有不可見元素，或者type為hidden的元素 :visible 匹配所有的可見元素4.屬性選擇器
1.[attr],如[target],選擇所有帶有target屬性元素（常用）2.[attr="value"],如[target="blank"],選擇選擇所有使用target="blank"的元素（常用）3.[attr~="value"],如[target~="blank"]，選擇屬性包含單詞含有blank的元素4.[attr|="value"],如[target|="blank],選擇target|屬性的起始值="blank"的所有元素5.[arttr^="value"],如a[src^="https"],選擇每一個src屬性的值以"https"開頭的元素6.[arttr$="value"],如a[src$=".pdf"],選擇每一個src屬性的值以".pdf"結(jié)尾的元素7.[arttr*="value"],如a[src*="runoob"],選擇每一個src屬性的值包含子字符串"runoob"的元素5.表單對象屬性
1.:input 匹配所有 input, textarea, select 和 button 元素 2. :text 匹配所有的單行文本框 3. :password 匹配所有密碼框 4. :radio 匹配所有單選按鈕 5. :checkbox 匹配所有復(fù)選框 6. :submit 匹配所有提交按鈕，理論上只匹配 type="submit" 的input或者button,但是現(xiàn)在的很多瀏覽器,button元素默認(rèn)的type即為submit,所以很多情況下,不設(shè)置type的button也會成為篩選結(jié)果.為了防止歧義或者誤操作,建議所有的button在使用時都添加type屬性. 7. :image 匹配所有圖像域 8. :reset 匹配所有重置按鈕 9. :button 匹配所有按鈕 10. :file 匹配所有文件域 11. :enabled 匹配所有可用元素 12. :disabled 匹配所有不可用元素 13. :checked 匹配所有選中的被選中元素(復(fù)選框、單選框等，select中的option)，對于select元素來說，獲取選中推薦使用 :selected 14. :selected 匹配所有選中的option元素6.子元素
1. :first-child 匹配所給選擇器( :之前的選擇器)的第一個子元素 類似的:first匹配第一個元素，但是:first-child選擇器可以匹配多個：即為每個父級元素匹配第一個子元素。這相當(dāng)于:nth-child(1) 2. :first-of-type 結(jié)構(gòu)化偽類，匹配E的父元素的第一個E類型的孩子。等價于:nth-of-type(1) 選擇器. 3. :last-child 匹配最后一個子元素 4. :last-of-type 結(jié)構(gòu)化偽類，匹配E的父元素的最后一個E類型的孩子 5.:nth-child(index) 匹配其父元素下的第N個子或奇偶元素 6. :nth-of-type(n|even|odd|formula) 選擇同屬于一個父元素之下，并且標(biāo)簽名相同的子元素中的第n個。 7. :only-child 如果某個元素是父元素中唯一的子元素，那將會被匹配 8. :only-of-type 選擇所有沒有兄弟元素，且具有相同的元素名稱的元素.如果父元素有相同的元素名稱的其他子元素，那么沒有元素會被匹配。轉(zhuǎn)載于:https://www.cnblogs.com/guyanv/p/8747500.html
總結(jié)
以上是生活随笔為你收集整理的jquery常见的选择器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： CAFFE（0）：Ubuntu 下安装a
- 下一篇： 3 saltstack高可用