首页  >  文章  >  web前端  >  jquery如何改变class属性

jquery如何改变class属性

coldplay.xixi
coldplay.xixi原创
2020-11-24 15:41:3012238浏览

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

jquery如何改变class属性

本教程操作环境: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属性的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn