jQuery 選擇器
博客說明
文章所涉及的資料來自互聯網整理和個人總結,意在于個人學習和經驗匯總,如有什么地方侵權,請聯系本人洗掉,謝謝!
介紹
jQuery 選擇器允許您對 HTML 元素組或單個元素進行操作,
jQuery 選擇器基于元素的 id、類、型別、屬性、屬性值等"查找"(或選擇)HTML 元素,
jQuery 中所有選擇器都以美元符號開頭:$(),
分類
基本選擇器
- 標簽選擇器(元素選擇器)
- 語法: $("html標簽名") 獲得所有匹配標簽名稱的元素
- id選擇器
- 語法: $("#id的屬性值") 獲得與指定id屬性值匹配的元素
- 類選擇器
- 語法: $(".class的屬性值") 獲得與指定的class屬性值匹配的元素
- 并集選擇器:
- 語法: $("選擇器1,選擇器2....") 獲取多個選擇器選中的所有元素
層級選擇器
- 后代選擇器
- 語法: $("A B ") 選擇A元素內部的所有B元素
- 子選擇器
- 語法: $("A > B") 選擇A元素內部的所有B子元素
屬性選擇器
- 屬性名稱選擇器
- 語法: $("A[屬性名]") 包含指定屬性的選擇器
- 屬性選擇器
- 語法: $("A[屬性名='值']") 包含指定屬性等于指定值的選擇器
- 復合屬性選擇器
- 語法: $("A[屬性名='值']...") 包含多個屬性條件的選擇器
過濾選擇器
- 首元素選擇器
- 語法: :first 獲得選擇的元素中的第一個元素
- 尾元素選擇器
- 語法: :last 獲得選擇的元素中的最后一個元素
- 非元素選擇器
- 語法: :not(selector) 不包括指定內容的元素
- 偶數選擇器
- 語法: :even 偶數,從 0 開始計數
- 奇數選擇器
- 語法: :odd 奇數,從 0 開始計數
- 等于索引選擇器
- 語法: :eq(index) 指定索引元素
- 大于索引選擇器
- 語法: :gt(index) 大于指定索引元素
- 小于索引選擇器
- 語法: :lt(index) 小于指定索引元素
- 標題選擇器
- 語法: :header 獲得標題(h1~h6)元素,固定寫法
表單過濾選擇器
- 可用元素選擇器
- 語法: :enabled 獲得可用元素
- 不可用元素選擇器
- 語法: :disabled 獲得不可用元素
- 選中選擇器
- 語法: :checked 獲得單選/復選框選中的元素
- 選中選擇器
- 語法: :selected 獲得下拉框選中的元素
感謝
黑馬程式員
萬能的網路
以及勤勞的自己
關注公眾號: 歸子莫,獲取更多的資料,還有更長的學習計劃
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/145696.html
標籤:Java
上一篇:jQuery--基本語法
