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

jquery如何改变class属性

原创2020-11-30 13:50:1202051

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属性的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:jquery class属性
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1440
    浅析php简单操作mysql锁机制3059
    php无法加载mysql怎么办1614
    推荐视频教程
  • jQuery视频教程jQuery视频教程
  • 极客学院jQueryMobile视频教程极客学院jQueryMobile视频教程
  • 妙味云课堂jQuery初级+高级视频教程妙味云课堂jQuery初级+高级视频教程
  • 后盾网JQuery实战视频教程后盾网JQuery实战视频教程
  • jQuery1.7 中文手册jQuery1.7 中文手册
  • 视频教程分类