欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery添加/改变/移除CSS类及判断是否已经存在CSS的代码教程

程序员文章站 2022-05-21 14:11:55
jquery添加/改变/移除css类及判断是否已经存在css的代码 1. removeclass() - 移除css类 $("#target&...

jquery添加/改变/移除css类及判断是否已经存在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类。