📌  相关文章
📜  jQuery | addClass() 与示例(1)

📅  最后修改于: 2023-12-03 15:02:13.593000             🧑  作者: Mango

jQuery | addClass() 与示例

简介

addClass() 方法是 jQuery 中的一个实用工具，可用于为某个元素添加一个或多个类。类是一种标识符，可以用于确定元素在样式表中应如何样式。

语法
$(selector).addClass(classname);
  • selector：必需，要添加类的元素的选择器。
  • classname：必需，要添加的类的名称。
示例
<!DOCTYPE html>
<html>
<head>
	<title>jQuery | addClass() 与示例</title>
	<style>
		.blue {
			color: blue;
		}

		.bold {
			font-weight: bold;
		}
	</style>
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
			// 为 ID 为 text 的元素添加一个 blue 类
			$("#text").addClass("blue");

			// 为 ID 为 text 的元素添加 blue 和 bold 两个类
			$("#text").addClass("blue bold");
		});
	</script>
</head>
<body>
	<p id="text">这是一个测试文本。</p>
</body>
</html>

预期效果：将 ID 为 text 的元素的文本颜色设为蓝色，并将其字体加粗。

注意事项
  • 要添加的类名应该不包含点号，因为点号表示类选择器。
  • 可以同时为同一个元素添加多个类名，类名之间用空格分隔。
  • 使用 addClass() 方法添加的类名将覆盖由样式表定义的类名。