jQuery样式选择器小实例

最新推荐文章于 2025-04-20 20:56:53 发布

wjxbj

最新推荐文章于 2025-04-20 20:56:53 发布

阅读量111

点赞数

分类专栏： JQuery 文章标签： JavaScript jQuery ViewUI

JQuery 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了两种使用jQuery设置元素样式的不同方法。一种是通过类名选择器，另一种是通过属性选择器。这两种方法都能实现对指定类的元素进行样式修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery样式选择器可以通过$(".test1.test2.tt3")方式，也可以通过$("[class='test1 test2 tt3']")方式，如下实例所示：

实例1：

<html>
<head>
		<title>jQuery样式选择器</title>
		<script src="jquery-1.7.2.js"></script> 
</head>
<body>
	<span>Hello World</span>
	<div id="tt">China</div>
	<div class="test1 test2 tt3">Hello</div>
  <div class="test1 test2 tt3">Hello2</div>
</body>
	<script>
			$(".test1.test2.tt3").css("color", "red");
	</script>
</html>

运行结果：

实例2：

<html>
<head>
		<title>jQuery样式选择器</title>
		<script src="jquery-1.7.2.js"></script> 
</head>
<body>
	<span>Hello World</span>
	<div id="tt">China</div>
	<div class="test1 test2 tt3">Hello</div>
  <div class="test1 test2 tt3">Hello2</div>
</body>
	<script>
			$("[class='test1 test2 tt3']").css("color", "#0F0FFF");
	</script>
</html>

运行结果：