## 樣式操作
### 1.獲取和設置樣式
我們一般在用 class 屬性添加樣式，因此可以用`attr()`方法來完成。
~~~javascript
$("p").attr("class")
$("p").attr("class","high");
~~~
### 2.追加樣式
jQuery 提供了`addClass()`方法來追加樣式。
~~~javascript
$("p").addClass("another");
~~~
### 3.移除樣式
相對應的，使用`removeClass()`方法來刪除 class 的某個值，他的作用是從匹配的的元素中刪除全部或指定的 class 。
~~~javascript
//刪除所有樣式
$("p").removeClass();
//刪除指定樣式
$("p").removeClass("high");
~~~
### 4.切換樣式
jQuery 提供了`toggleClass()`方法控制樣式上的重復切換。如果類名存在則刪除它，如果類名不存在則添加它。
~~~
$("p").toggleClass("another");
~~~
### 5.判斷是否含有某個樣式
`hasClass()`可以用來判斷元素中是否含有某個 class 。
~~~
$("p").hasClass("another")；
~~~
> 本節所有代碼：
> jqueryDomStyle.html
~~~javascript
$(function(){
//獲取樣式
$("input:eq(0)").click(function(){
alert( $("p").attr("class") );
});
//設置樣式
$("input:eq(1)").click(function(){
$("p").attr("class","high");
});
//追加樣式
$("input:eq(2)").click(function(){
$("p").addClass("another");
});
//刪除全部樣式
$("input:eq(3)").click(function(){
$("p").removeClass();
});
//刪除指定樣式
$("input:eq(4)").click(function(){
$("p").removeClass("high");
});
//重復切換樣式
$("input:eq(5)").click(function(){
$("p").toggleClass("another");
});
//判斷元素是否含有某樣式
$("input:eq(6)").click(function(){
alert( $("p").hasClass("another") )
alert( $("p").is(".another") )
});
});
~~~
