jquery的三種選擇器:1、基本選擇器,由元素ID、元素名、類名、多個選擇符組成;2、層次選擇器,通過DOM元素間的層次關系獲取元素;3、過濾選擇器,按照過濾規則的不同,該選擇器還可分為簡單過濾、內容過濾、可見過濾、屬性過濾、表單過濾等。
本教程操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
它由元素ID、元素名、多個選擇符組成,通過基本選擇器可以實現大多數頁面元素的查找
| 選擇器 | 功能描述 |
|---|---|
| #id | 根據給定的ID匹配一個元素 |
| element | 根據給定的元素名匹配所有元素 |
| .class | 根據給定的類匹配元素 |
| * | 匹配所有元素 |
| selector1,selectorN | 將每一個選擇器匹配到元素合并后一起返回 |
層次選擇器通過DOM元素間的層次關系獲取元素,其主要的層次關系包括后代、父子、相鄰、兄弟關系,通過其中某類關系可以方便快捷地定位元素。
| 選擇器 | 功能描述 |
|---|---|
| ancestor descendant | 根據祖先元素匹配所有的后代元素 |
| parent>child | 根據父元素匹配所有的子元素 |
| prev +next | 匹配所有緊接在prev元素后的相鄰元素 |
| pre~siblings | 匹配pre元素之后的所有兄弟元素 |
過濾?肯定是要添加過濾條件的。通過“:”添加過濾條件,比如“$(“p:first”)”返回p元素集合的第一個p元素,first是過濾條件。
按照不同的過濾規則,過濾選擇器中又可分為:簡單過濾選擇器、內容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器、子元素過濾選擇器、表單對象屬性過濾選擇器等。
1)簡單過濾選擇器
過濾選擇器根據某類過濾規則進行元素的匹配,書寫時都以冒號(:)開頭;簡單過濾選擇器是過濾選擇器中過濾選擇中使用最廣泛的一種
| 選擇器 | 功能描述 |
|---|---|
| first()或 :first | 獲取第一個元素 |
| last()或 :last | 獲取最后一個元素 |
| :not(selector) | 獲取除給定選擇器外的所有元素 |
| :even | 獲取所有索引值為偶數的元素,索引號從0開始 |
| :odd | 獲取所有索引值為奇數的元素,索引號從0開始 |
| :eq(index) | 獲取指定索引值的元素,索引號從0開始 |
| :gt(index) | 獲取所有大于給定索引值的元素,索引號從0開始 |
| :lt(index) | 獲取所有小于給定索引值的元素,索引號從0開始 |
| :header | 獲取所有標題類型的元素,如h2、h3… 元素集合 |
| :animated | 獲取正在執行動畫效果的元素 |
2)內容過濾選擇器
內容過濾選擇器根據元素中的文字內容或所包含的子元素特征獲取元素,其文字內容可以絕對模糊或絕對匹配進行元素定位
| 選擇器 | 功能描述 |
|---|---|
| :contains(text) | 獲取包含給定文本的元素 |
| :empty | 獲取所有不包含子元素或者文本的空元素 |
| :has(selector) | 獲取含有選擇器所匹配的元素 |
| :parent | 獲取含有子元素或者文本的元素 |
3)可見性過濾器
可見性過濾選擇器根據元素是否可見的特征獲取元素
| 選擇器 | 功能描述 |
|---|---|
| :hidden | 獲取所有不可見元素,或者type為hidden的元素 |
| :visble | 獲取所有的可見元素 |
4)屬性過濾器
屬性過濾器根據元素的某個屬性獲取元素,如ID號或匹配屬性值的內容,并以“[”號開始、一"]"號結束
| 選擇器 | 功能描述 |
|---|---|
| [attribute] | 獲取包含給定屬性的元素 |
| [attribute=value] | 獲取等于給定的屬性是某個特定值的元素 |
| [attribute!=value] | 獲取不等于給定的屬性是某個特定值的元素 |
| [attribute^=value] | 獲取給定的屬性是以某些值開始的元素 |
| [attribute$=value] | 獲取給定的屬性是以某些值結束的元素 |
| [attribute*=value] | 獲取給定的屬性是以包含某些值的元素 |
| [selector1][selector2][selectorN] | 獲取滿足多個條件的符合屬性的元素 |
5)子元素過濾器
在頁面開發過程中,嘗嘗遇到突出指定某行的需求。雖然使用基本過濾選擇器“:eq(index)"可實現單個表格的顯示,但不能滿足大量數據和多個表格的選擇需求。為了實現這樣的功能,jQuery中可以通過子元素過濾選擇器輕松獲取所有父元素中的某個元素。
| 選擇器 | 功能描述 |
|---|---|
| :nth-child(eq/even/odd/index) | 獲取每個父元素下的特定位置元素,索引號從1開始 |
| :first-child | 獲取每個父元素下的第一子元素 |
| :last-child | 獲取每個父元素下的最后一個子元素 |
| :only-child | 獲取每個父元素下的僅有一個子元素 |
6)表單對象屬性過慮器
表單對象屬性過濾選擇器通過表單中的某對象屬性特征獲取該元素,如enabled、disabled、checked、selected屬性。
| 選擇器 | 功能描述 |
|---|---|
| :enabled | 獲取表單中所有屬性為可用的元素 |
| :disabled | 獲取表單中素有屬性為不可用的元素 |
| :checked | 獲取表單中所有被選中的元素 |
| :selected | 獲取表單中所有被選中option的元素 |
7)表單過慮器
在jQuery選擇器中引入表單選擇器,該選擇器專為表單量身打造,通過它可以在頁面中快速定位某表單對象。
| 選擇器 | 功能描述 |
|---|---|
| :input | 獲取所有input、textarea、select |
| :text | 獲取所有單行文本框 |
| :password | 獲取所有密碼框 |
| :radio | 獲取所有單選按鈕 |
| :checkbox | 獲取復選框 |
| :submit | 獲取所有提交按鈕 |
| :image | 獲取所有圖像域 |
| :reset | 獲取所有重置按鈕 |
| :button | 獲取所有按鈕 |
| :file | 獲取所有文件域 |
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
信用卡刷卡驗密功能是指信用持卡人在刷卡消費或者取現時，需要輸入密碼以進行驗證的過程。如果設置了信用卡刷卡驗密功能，那么只能在持卡人輸入正確的密碼的前提下才能完成支付交易或者取現。信用卡刷卡驗密功能是一種交易方式，與“簽名確認”的方式相對。目前國內銀行推出的信用卡大部分是銀聯組織發行的信用卡，國內的環境和用戶刷卡習慣決定了國內持卡人的刷卡支付方式，一般會設置信用卡刷卡驗密功能...
美元印鈔將會對世界經濟產生以下的影響：1、美元印鈔將導致熱錢從美國流入國際商品市場和亞洲新興市場，股市出現泡沫情況。2、熱錢的流入推高商品價格，繼而推動這些國家經濟通脹趨勢。除此之外，美元印鈔將會導致美元貶值，其他國家的貨幣相對來說升值，從而也會產生以下影響：美元貶值對進出口所產生的影響。美元貶值將會增加美國的出口，減少進口;同時，在一定程度上會增加中國對美國的進口，而出口將會減少。對就業的影響。...
企業征信是指征信機構作為提供信用信息服務的企業，按一定規則合法采集企業、個人的信用信息，加工整理形成企業、個人的信用報告等征信產品，有償提供給經濟活動中的貸款方、賒銷方、招標方、出租方、保險方等有合法需求的信息使用者，為其了解交易對方的信用狀況提供便利。企業征信查詢的具體內容包括：1、企業的工商注冊、變更基本信息;2、企業信貸、質押擔保、貿易融資等信息;司法判決、執行信息;3、稅務處罰、表彰信息;...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）
