如何利用jquery来向一个元素中添加和移除css类

2025-05-15 02:33:28

推荐回答（1个）

回答1：

Jquery 使用addClass()与removeClass()来动态的添加或移出一个css 类，例如：
1.$(“#para1”).addClass('highlight');添加一个“highlight”css 类给id为para1的元素。
2.$(‘#para1’).removeClass(‘'highlight');从id为para1的元素中移出一个‘highlight’css类。

具体实例代码如下：

.highlight {
background:green;
}

jQuery add / remove css class example

This is paragraph 1

This is paragraph 2

This is paragraph 3

This is paragraph 4

Add highlight
Remove highlight

$("#addClass").click(function () {

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

});

$("#removeClass").click(function () {

$('#para1').removeClass('highlight');

});

初始的效果：

点击 add highlight 后的效果图：

点击 remove highlight 后的效果图：