jquery class选择器
在jQuery中,class选择器是一种常用的选择器,用于选取指定类名的元素。在HTML中,可以给元素添加类名,然后通过class选择器来对这些元素进行操作。
语法
class选择器的语法为$(".类名")
,其中类名
代表需要选择的元素的类名,使用.
表示类选择器。
示例
假设有以下HTML结构:
<!DOCTYPE html>
<html>
<head>
<title>jquery class选择器示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="box">Box 1</div>
<div class="box">Box 2</div>
</body>
</html>
现在我们希望通过class选择器来选取这两个带有box
类的元素,并对它们进行操作。可以使用以下jQuery代码:
$(document).ready(function(){
$(".box").css("background-color", "lightblue");
});
在上面的代码中,我们使用$(".box")
来选取所有带有box
类名的元素,并使用css("background-color", "lightblue")
来设置它们的背景色为浅蓝色。
运行后,两个带有box
类的元素会变成浅蓝色背景。
注意事项
- class选择器返回的是一个jQuery对象,可以对其进行各种操作,比如添加样式、绑定事件等。
- 如果需要选取多个类名,可以将它们用逗号分隔,如
$(".class1, .class2")
。