jquery添加/改变/移除css类 -凯发ag旗舰厅登录网址下载

转自：http://www.jbxue.com/article/24589.html

在jquery中用到removeclass移除css类、addclass添加css类、toggleclass添加或者移除css类，hasclass判断是否已经存在css。
改变页面元素样式使用javascript也可实现，但有没有更简洁的办法，答案是肯定的，现在有了jquery，似乎让js代码瘦身了不少，应验了那句话：“jquery让javascript代码变得简洁！”，言归正传，来看jquery如何添加、移除css类：

1. removeclass() - 移除css类
$("#target").removeclass("oldclass");
//#target 指的是需要移除css类的元素的id
//oldclass 指的是css类的名称

2.addclass() - 添加css类
$("#target").addclass("newclass");
//#target 指的是需要添加样式的元素的id
//newclass 指的是css类的名称

3. toggleclass() - 添加或者移除css类：如果css类已经存在，它将被移除；相反，如果css类不存在，它将被加上。
$("#target").toggleclass("newclass") www.jbxue.com
//如果id为“target”的元素已经定义了css样式，它将被移除；
//反之，css类“newclass”将被赋给该id

4.hasclass("classname") - 判断是否已经存在css
在实际运用中，我们通常是先定义好这些css类，然后通过javascript事件触发（比如点击某个按钮）来改变页面元素样式。此外，jquery还提供一种方法 hasclass("classname")，用来判断某个元素是否已经被赋予某个css类。顺便告诉前端开发的新手，jquery是值得拥有的，有空了好好研究吧。

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的jquery添加/改变/移除css类的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。