发布时间：2026-02-04 19:31:52 浏览次数：0
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> <ｓｃｒｉｐｔ> function changeColor() { document.getElementById("myParagraph").classList.add("red"); } </ｓｃｒｉｐｔ></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> <ｓｃｒｉｐｔ src="https://code.jquery.com/jquery3.6.0.min.js"></ｓｃｒｉｐｔ></head><body> <p class="myParagraph">Hello, World!</p> <button onclick="changeColor()">Change Color</button> <ｓｃｒｉｐｔ> function changeColor() { $(".myParagraph").addClass("red"); } </ｓｃｒｉｐｔ></body></html>在这个 jQuery 示例中，当用户点击 "Change Color" 按钮时，段落的文本颜色也会变为红色。
免责声明：本站内容（文字信息+图片素材）来源于互联网公开数据整理或转载，仅用于学习参考，如有侵权问题，请及时联系本站删除，我们将在5个工作日内处理。联系邮箱：303555158#qq.com（把#换成@）
微信便捷交流