jQuery---基本的選擇器

 

基本選擇器

名稱	用法	描述
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");