## 樣式操作 ### 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") ) }); }); ~~~