jquery设置css属性
jQuery设置CSS属性的方法
jQuery提供了多种方式来操作元素的CSS属性，以下是常用的几种方法：
使用.css()方法设置单个属性
语法：$(selector).css(propertyName, value)
示例：
$("#elementId").css("color", "red");
$(".className").css("font-size", "16px");使用.css()方法设置多个属性
语法：$(selector).css({property1: value1, property2: value2})
示例：
$("div").css({
"background-color": "yellow",
"padding": "20px",
"border": "1px solid black"
});使用.addClass()方法添加CSS类
语法：$(selector).addClass(className)
示例：
$("p").addClass("highlight");使用.removeClass()方法移除CSS类
语法：$(selector).removeClass(className)
示例：
$("p").removeClass("highlight");使用.toggleClass()方法切换CSS类
语法：$(selector).toggleClass(className)
示例：
$("button").click(function(){
$("p").toggleClass("highlight");
});获取CSS属性值
语法：$(selector).css(propertyName)
示例：
var color = $("p").css("color");注意事项
- 属性名可以使用CSS格式（如
font-size）或DOM格式（如fontSize） - 数值类属性建议添加单位（如
px,em等） - 设置多个属性时，对象语法更高效
性能优化建议
- 对多个元素操作时，尽量使用类名切换而非直接修改样式
- 批量修改样式时，使用对象语法比多次调用
.css()更高效 - 考虑使用
.addClass()和.removeClass()而非直接修改样式，便于维护
