首页 > web前端 > js教程 > 正文

jquery如何改变class属性

coldplay.xixi
发布: 2020-11-30 13:50:12
原创
12134 人浏览过

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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!