基本選擇器 名稱用法描述 ID選擇器 $(“#id”); 獲取指定ID的元素 類選擇器 $(“.class”); 獲取同一類class的元素 標簽選擇器 $(“div”); 獲取同一類標簽的所有元素 並集選擇器 $(“div,p,li”); 使用逗號分隔，只要符合條件之一就可。 交集選擇器 $(“d ...
基本選擇器
| 名稱 | 用法 | 描述 |
|---|---|---|
| ID選擇器 | $(“#id”); | 獲取指定ID的元素 |
| 類選擇器 | $(“.class”); | 獲取同一類class的元素 |
| 標簽選擇器 | $(“div”); | 獲取同一類標簽的所有元素 |
| 並集選擇器 | $(“div,p,li”); | 使用逗號分隔，只要符合條件之一就可。 |
| 交集選擇器 | $(“div.redClass”); | 獲取class為redClass的div元素 |
總結：跟css的選擇器用法一模一樣。
$("s1,s2")// 並集選擇器
$("s1 s2")// 後代選擇器
$("s1>s2")// 子代選擇器
$("s1s2") //交集選擇器
$("li.green")//交集選擇器
//id選擇器 $("#id") $("#four").css("backgroundColor", "black");
//類樣式選擇器 $(".className") $(".green").css("backgroundColor", "green");
//標簽選擇器 $("li") $("li").css("color", "red");
//並集 $("#four,.green").css("backgroundColor", "pink");
//交集
$("li.green").css("backgroundColor", "red"); $(".green.yellow").css("backgroundColor", "pink");
