jquery添加css
jQuery 添加 CSS 的方法
jQuery 提供了多种方法来动态添加或修改元素的 CSS 样式。以下是几种常用的方法：
使用 .css() 方法
.css() 方法是 jQuery 中最常用的操作 CSS 的方式。它可以获取或设置元素的样式属性。
设置单个 CSS 属性：
$('selector').css('property', 'value');示例：
$('#myElement').css('color', 'red');设置多个 CSS 属性：
$('selector').css({
'property1': 'value1',
'property2': 'value2'
});示例：
$('#myElement').css({
'color': 'blue',
'font-size': '16px',
'background-color': 'yellow'
});使用 .addClass() 方法
通过添加预定义的 CSS 类来应用样式。这种方法更推荐，因为它将样式与行为分离，便于维护。
语法：
$('selector').addClass('className');示例：
$('#myElement').addClass('highlight');对应的 CSS：
.highlight {
color: red;
font-weight: bold;
}使用 .toggleClass() 方法
切换一个类的存在状态。如果元素已经有该类，则移除它；如果没有，则添加它。
语法：
$('selector').toggleClass('className');示例：
$('#myElement').toggleClass('active');使用 .removeClass() 方法
移除一个或多个 CSS 类。
语法：
$('selector').removeClass('className');示例：
$('#myElement').removeClass('highlight');动态修改样式属性
可以结合 jQuery 事件或条件逻辑动态修改样式。
示例（点击按钮修改元素颜色）：
$('#myButton').click(function() {
$('#myElement').css('color', 'green');
});注意事项
- 使用
.css()方法直接修改样式时，样式会以内联方式添加到元素上（优先级较高）。 - 使用
.addClass()或.removeClass()更符合最佳实践，因为样式与行为分离，便于维护。 - 修改多个样式属性时，推荐传递对象给
.css()方法，而不是多次调用。
通过以上方法，可以灵活地使用 jQuery 动态控制页面元素的样式。
