当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jQuery添加/改变/移除CSS类及判断是否已经存在CSS

jQuery添加/改变/移除CSS类及判断是否已经存在CSS

2019年03月26日  | 移动技术网IT编程  | 我要评论
改变页面元素样式使用javascript也可实现,但有没有更简洁的办法,答案是肯定的,现在有了jquery,似乎让js代码瘦身了不少,应验了那句话:“jquery让ja

改变页面元素样式使用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") 
//如果id为“target”的元素已经定义了css样式,它将被移除; 
//反之,css类“newclass”将被赋给该id

4.hasclass("classname") - 判断是否已经存在css

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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网