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");