欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery---基本的选择器

程序员文章站 2024-01-28 15:49:22
基本选择器 名称用法描述 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");