addClass() 是一个常用于 JavaScript 和 jQuery 的方法，用于向 HTML 元素添加一个或多个类，这个方法通常用于动态改变元素的样式或行为。
（图片来源网络，侵删）
使用场景
动态改变元素的样式
根据用户的操作添加或删除类
实现交互效果，如鼠标悬停、点击等
基础语法
JavaScript
在原生 JavaScript 中，可以使用 classList.add() 方法向元素添加类。
element.classList.add("className");
jQuery
在 jQuery 中，可以使用 addClass() 方法向元素添加类。
$(selector).addClass("className");
代码示例
JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF8">
<meta name="viewport" content="width=devicewidth, initialscale=1.0">
<title>Document</title>
<style>
.red {
color: red;
}
</style>
</head>
<body>
<p id="myParagraph">Hello, World!</p>
<button onclick="changeColor()">Change Color</button>
<script>
function changeColor() {
document.getElementById("myParagraph").classList.add("red");
}
</script>
</body>
</html>
在这个示例中，当用户点击 “Change Color” 按钮时，段落的文本颜色会变为红色。
jQuery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF8">
<meta name="viewport" content="width=devicewidth, initialscale=1.0">
<title>Document</title>
<style>
.red {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery3.6.0.min.js"></script>
</head>
<body>
<p class="myParagraph">Hello, World!</p>
<button onclick="changeColor()">Change Color</button>
<script>
function changeColor() {
$(".myParagraph").addClass("red");
}
</script>
</body>
</html>
在这个 jQuery 示例中，当用户点击 “Change Color” 按钮时，段落的文本颜色也会变为红色。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/676705.html
© 版权声明
文章版权归作者所有，未经允许请勿转载。
相关文章
