jQuery选择器

最新推荐文章于 2024-12-04 11:45:53 发布

Oct.cake

最新推荐文章于 2024-12-04 11:45:53 发布

阅读量505

点赞数

文章标签： jquery javascript

本文链接：https://blog.youkuaiyun.com/m0_46604319/article/details/122260013

版权

标签选择器根据给定的标签名匹配元素

$("h3").css("background","red");

把h3标签的背景色设为红色
在这里插入图片描述
类选择器
设置所有class为title的元素的背景颜色

<script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			$(".title").css("background","yellow")
		})
	</script>
	<body>
		<h3 class="title" >十大</h3>
	</body>

在这里插入图片描述
id选择器

	<script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			$("#box").css("background","#09F")
		})
	</script>
	<body>
		<h3 id="box" >id选择器</h3>
	</body>

在这里插入图片描述
并集选择器
获取并设置所有h2,h3 class为title元素的背景颜色

$("h2,dt,.title").css("background","#09F")

交集选择器
获取并设置所有class为title的

元素的背景颜色

$("h2.title").css("background","#09F")

全局选择器
改变所有元素的背景颜色

$("*").css("color","red")

属性选择器
通过HTML元素的属性来选择元素
在这里插入图片描述
基本过滤选择器
基本过滤选择器可以选取第一个元素，最后一个元素，索引为偶数或奇数的元素（索引下标从0开始）