jquery如何改变class属性

jquery改变class属性的方法：1、使用【addClass()】方法匹配的元素增加指定的类名；2、使用【removeClass()】方法移除样式；3、使用【hasClass()】方法包含某个样式。

本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。

jquery改变class属性的方法：

1.addClass()

addClass()方法向匹配的元素增加指定的类名(一个或多个)

注意:对于元素来说,class属性可以有多个值.该方法不会移除已经存在的值,而是在原有的基础上追加一个或多个class属性.

2.removeClass();

移除样式

3.hasClass()

包含某个样式

4.$(“#xxx”).attr(“class”,”className”)

此处仅仅演示的是class,attr()方法可以设置其他属性,如name,value等

注意:用attr()方法设置class属性,是一个覆盖的过程;如果已经有此属性,则会覆盖而addClass()则是一个追加的过程.

5.$(“#xxx”).removeAttr(“class”,”className”)

//移除置灰状态
$("#xxxx").removeAttr("class","disabled");
$("#xxxx").removeAttr("class","className");

如果只有一个样式也可以直接把class属性直接remove,但是这样就获取不到class属性了

$("#xxxx").removeAttr("class");

相关免费学习推荐：JavaScript（视频）

以上就是jquery如何改变class属性的详细内容，更多请关注其它相关文章！