使用 jquery 可以很方便的操作div元素的class属性的值,以实现各种炫彩的动态效果。这篇文章就来说一说,几种使用 jq 来操作 div 元素class属性的方法。
jq addClass() 方法
jq 的 addClass() 方法,可以向一个指定的 html 元素的 class 属性中添加一个属性值
示例:
运行结果:
![7c27d79f5398b17205ecee5b3fca6158.png](https://i-blog.csdnimg.cn/blog_migrate/ee9bb50723a282652250592b7727cc10.jpeg)
jq removeClass() 方法
jq removeClass() 方法,可以将指定 html 元素中的某个 class 属性值删除掉
示例:
结果如下图:
![d166d80bb24e1346789aba5f24127ef4.png](https://i-blog.csdnimg.cn/blog_migrate/df4c52f9964a8b2866c4fd68473a92c0.jpeg)
jq hasClass() 方法
jq hasClass() 方法,用于判断某个 html 元素的 class 属性中是否含有某个值,如果有返回 true ,如果不存在返回 false
示例:
返回结果; true
jq 修改class属性的值
在jq中没有给出修改class属性值的方法函数,但是我们可以把要修改的属性值以先去除,再添加的形式来实现 class 属性值的修改
示例:
运行结果:
![00ef68306e009f38c11ab80367289aa3.png](https://i-blog.csdnimg.cn/blog_migrate/a22317afea3e92cfe268c0fd077c22f3.jpeg)