jquery 加样式
使用 jQuery 添加样式的方法
jQuery 提供了多种方法来动态添加或修改元素的样式。以下是几种常见的方式：
通过 .css() 方法直接设置样式
语法：
$(selector).css(propertyName, value);示例：
$("#myElement").css("color", "red");
$(".myClass").css({
"background-color": "blue",
"font-size": "20px"
});通过 .addClass() 添加预定义的 CSS 类
在 CSS 中定义样式类：
.highlight {
background-color: yellow;
font-weight: bold;
}然后使用 jQuery 添加类：
$("#myElement").addClass("highlight");通过 .removeClass() 移除样式类
$("#myElement").removeClass("highlight");通过 .toggleClass() 切换样式类
$("#myElement").toggleClass("highlight");注意事项
- 使用
.css()方法设置的样式是内联样式，优先级高于外部样式表 - 对于多个样式属性，建议使用对象语法一次设置
- 使用类名方式更易于维护，符合关注点分离原则
- jQuery 也支持
.hasClass()方法来检查元素是否具有某个类
性能优化建议
- 批量操作 DOM 时，先对元素集合进行缓存
- 尽量减少直接样式操作，优先使用类名切换
- 对大量元素操作时，考虑使用原生 JavaScript 方法可能更高效
