JQuery 選擇器重點內容：
1. 基本選擇器 (*重點)
- 標簽選擇器（元素選擇器）
* 語法： $(“標簽名”) 獲得 所有匹配標簽名稱的元素 - id選擇器
* 語法： $("#id的屬性值") 獲得與指定id屬性值匹配的元素 - 類選擇器
* 語法： $(".class的屬性值") 獲得與指定的class屬性值匹配的元素 - 并集選擇器：*
* 語法： $(“選擇器1,選擇器2…”) 獲取多個選擇器選中的 所有元素
示例如下：
$("div").css("background-color","red");; //元素選擇器
$("#user").css("background-color","red");; //id選擇器
$(".user").css("backgroundColor","red");; //id選擇器
$("span,#two").css("backgroundColor","pink"); //獲取span標簽物件和id為two的元素物件
2. 層級選擇器 (*重點)
-
后代選擇器
* 語法： $("A B ") 選擇A元素內部所有B元素(A內的所有B,不論是子，孫…) -
子選擇器
* 語法： $(“A > B”) 選擇A元素內部的所有B子元素
3. 屬性選擇器 (*重點)
- 屬性名稱選擇器
* 語法： $(“A[屬性名]”) 包含指定屬性的選擇器 - 屬性選擇器
* 語法： $(“A[屬性名=‘值’]”) 包含指定屬性等于指定值的選擇器 - 復合屬性選擇器
* 語法： $(“A[屬性名=‘值’][]…”) 包含多個屬性條件的選擇器
//含屬性class的div元素背景色為藍色
$("div[class]").css("backgroundColor","blue");
// 屬性title值等于test的div元素背景色為藍色
$("div[title='test']").css("backgroundColor","blue");
// 屬性title值 以te開始 的div元素背景色為藍色
$("div[title^='te']").css("backgroundColor","blue");
//屬性title值 以est結束 的div元素背景色為藍色
$("div[title$='est']").css("backgroundColor","blue");
//屬性title值不等于test的div元素(沒有屬性title的也將被選中)背景色為藍色
$("div[title!='test']").css("backgroundColor","blue");
//屬性title值含有es的div元素背景色為藍色
$("div[title*='es']").css("backgroundColor","blue");
//選中有屬性id的div元素，然后在結果中選取屬性title值含有“es”的 div 元素背景色為藍色
$("div[id][title*='es']").css("backgroundColor","blue");
4. 過濾選擇器 (*了解)
- 首元素選擇器
* 語法： :first 獲得選擇的元素中的第一個元素
2. 尾元素選擇器
* 語法： :last 獲得選擇的元素中的最后一個元素
3. 非元素選擇器
* 語法： :not(selector) 不包括指定內容的元素
4. 偶數選擇器
* 語法： :even 偶數，從 0 開始計數
5. 奇數選擇器
* 語法： :odd 奇數，從 0 開始計數
6. 等于索引選擇器
* 語法： :eq(index) 指定索引元素
7. 大于索引選擇器
* 語法： :gt(index) 大于指定索引元素
8. 小于索引選擇器
* 語法： :lt(index) 小于指定索引元素
9. 標題選擇器
* 語法： :header 獲得標題（h1~h6）元素，固定寫法
如：
$("div:first").css("backgroundColor","blue");
$("div:last").css("backgroundColor","blue");
//注意：標題選擇器為固定寫法
$(":header").css("backgroundColor","pink");
5. 表單過濾選擇器 (*了解)
- 可用元素選擇器
* 語法： :enabled 獲得可用元素
2. 不可用元素選擇器
* 語法： :disabled 獲得不可用元素
3. 選中選擇器
* 語法： :checked 獲得單選/復選框選中的元素
4. 選中選擇器
* 語法： :selected 獲得下拉框選中的元素
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/262895.html
標籤：其他
上一篇：TDH中的Transporter