jquery添加class属性

使用 jQuery 添加 class 属性

jQuery 提供了多种方法来操作元素的 class 属性，以下是几种常见的方式：

添加单个 class

使用 addClass() 方法可以为选中的元素添加一个或多个 class。语法如下：

$('selector').addClass('className');

示例：

$('#myElement').addClass('highlight');

添加多个 class

可以一次性添加多个 class，用空格分隔：

$('selector').addClass('class1 class2 class3');

示例：

$('.items').addClass('active selected');

动态添加 class

可以通过变量或条件判断动态添加 class：

var dynamicClass = 'customClass';
$('selector').addClass(dynamicClass);

切换 class

如果需要根据当前状态添加或移除 class，可以使用 toggleClass()：

$('selector').toggleClass('className');

注意事项

• 确保 jQuery 库已正确加载。
• 如果 class 已存在，addClass() 不会重复添加。
• 可以通过链式调用结合其他 jQuery 方法，例如：

  $('selector').addClass('newClass').css('color', 'red');

替代原生 JavaScript 方法

如果不使用 jQuery，原生 JavaScript 的 classList.add() 也能实现相同功能：

document.getElementById('myElement').classList.add('className');