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

当前位置: 编程技术>jquery

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

来源: 互联网发布时间：2014-10-08

本文导语: jquery改变页面元素样式非常方便，jquery让javascript代码变得简洁，本节脚本小编为大家带来jquery如何添加、移除css类： 1，removeClass() - 移除CSS类 $("#target").removeClass("oldClass"); //#target 指的是需要移除CSS类的元素的ID //oldCla...

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