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"