JQuery的种类有很多,例如:
在类选择器中有
·基本选择器
·层次选择器
·属性选择器
过滤选择器
·基本过滤选择器
·可见性过滤选择器
·基本选择器包括标签选择器,类选择器, ID选择器,并集选择器,交集选择器,和全局选择器
标签选择器根据给定的标签名匹配元素:
$("h1").css("background","aquamarine");
类选择器根据给定的class元素匹配元素:
$(".text").css("background","beige");
ID选择器根据给定的id匹配元素:
$("#text").css("background","beige");
并集选择器将每一个选择器匹配的元素合并后一起返回
//并集选择器
$("h1,h2").css("background","darkkhaki");
交集选择器匹配指定的class或id的某个元素或元素集合
//交集选择器
$("h2.text1").css("background","cornflowerblue");
全局选择器
//全局选择器
$("*").css("background","blanchedalmond")
属性选择器HTML的属性来选择元素
$("[href]")选取含有href属性的元素
$("[href=’#’]")选取含有href属性值为#的元素
$("[href!=’#’]")选取含有href属性值不为#的元素
基本过滤器可以选取第一个元素,最后一个元素,索引为奇数或者偶数的元素
$(“li:first”)选取所有
- 元素中的第一个元素
$(“li:last”)选取所有 - 元素中的最后一个元素
$(“li:even”)选取所有 - 元素中索引是偶数的元素(注意:这里的下标是从0开始计算的)
$(“li:odd”)选取所有 - 元素中索引是奇数的元素
$(“li:eq(1)”)选取所有 - 元素中索引等于1的元素
$(“li:gt(1)”)选取所有 - 元素中索引大于1的元素(注意:大于1不包括1)
$(“li:lt(1)”)选取所有 - 元素中索引小于于1的元素(注意:小于1不包括1)
$(“visible”)选取所有可见的元素
$(“hidden”)选取所有不可见的元素 -
//获取li的第一个:first $("li:first").css("background","chartreuse"); //获取li的最后一个元素 last $("li:last").css("background","aquamarine"); //获取li的偶数元素 even $("li:even").css("background","red"); //获取li的奇数元素 odd $("li:odd").css("background","blue"); //获取索引为3的元素 eq $("li:eq(2)").css("background","cornflowerblue"); //获取索引大于2的元素 gt $("li:gt(2)").css("background","darkorchid"); //获取索引小于2的元素 lt $("li:lt(2)").css("background","fuchsia"); $("hr").css("background","black"); //全局选择器 $("*").css("background","blanchedalmond") //并集选择器 $("h1,h2").css("background","darkkhaki"); //交集选择器 $("h2.text1").css("background","cornflowerblue");
以上就是JQuery选择器的一些使用,如果有不全的地方或者不对的地方请您在评论区下方留言或者联系我QQ:2455441814,欢迎一起来学习共同进步!!!