jQuery中的DOM操做-样式操做

1 获取样式和设置样式

利用attr()方法来实现该功能

<1>获取

var p_class=$("p").attr("class"); //获取p元素的class

<2>设置

var p_class=$("p").attr("class","high"); //p元素的class为high

2 追加样式

利用addClass()方法来实现该功能

$("p").addClass("another");  //为p元素追加"another"类

当<p>元素同时拥有两个class值时，有如下两个规定：

<1> 如果给一个元素添加了多个class值，相当于合并了它们的样式

<2> 如果不同的class设置了同一样式属性，则后者覆盖前者

<style type="text/css">
 .high{
    font-weight:bold;
    color：red;
 }
 .another{
    font-style:italic;  //字体为斜体
    color:blue;
}

追加样式之后，相当于如下的样式
font-weight:bold;
font-style:italic;  //字体为斜体
color:blue;

3 移除样式

使用removeClass()方法实现。

<1>移除单个样式

$("p").removeClass("high");

<2>移除多个样式

$("p").removeClass("high another");

<3>删除所有样式

$("p").removeClass();

4 判断是否有某个样式

hadClass()可以用来判断元素中是否含有某个class.若有，则返回true,否则返回false

$("p").hasClass("high"); //判断是否含有class="high"