jquery css类用法(添加、修改与删除css)

发布时间:2020-07-08编辑:脚本学堂
本文介绍了jquery添加、修改与删除css类的方法,jquery改变页面元素样式比用js代码更简洁,需要的朋友参考下。

jquery改变页面元素样式非常方便,jquery让javascript代码变得简洁,本节脚本小编为大家带来jquery如何添加、移除css类:
1,removeClass() - 移除CSS类
 

$("#target").removeClass("oldClass"); 
//#target 指的是需要移除CSS类的元素的ID 
//oldClass 指的是css类的名称 
 

2,addClass() - 添加CSS类.前端UI框架分享
 

$("#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。(www.jb200.com 脚本学堂 整理)
通常是先定义好这些css类,然后通过javascript事件触发(比如点击某个按钮)来改变页面元素样式。
此外,jquery还提供一种方法 hasclass("classname"),用来判断某个元素是否已经被赋予某个css类。