jQuery開發之DOM操作三，jquery開發dom

jQuery開發之DOM操作三，jquery開發dom

1，屬性操作
(1)擷取屬性和設定屬性
擷取<p>元素的title屬性範例程式碼如下：

var $para =$("p");var p_title =$para.attr("title");

設定單個屬性的jQuery範例程式碼如下：

var $para =$("p");$para.attr("title","your title");

設定多個屬性的jQuery的範例程式碼如下：

var $para =$("p");$para.attr("title":"your title","name":"your name");

(2) 刪除屬性
刪除屬性一般用removeAttr()方法
如果需要刪除<p> 元素的title屬性，jQuery範例程式碼如下:

$("p").removeAttr("title");

2,樣式操作

(1)擷取樣式和設定樣式
使用attr()方法來擷取<p> 元素的class,jQuery範例程式碼如下：

var p_class =$("p").attr("class");

也可以使用attr()方法來設定<p> 元素的class，jQuery範例程式碼如下：

$("p").attr("class","high");

(2) 追加樣式
設定元素的class是將原來的class替換為當前的class，而addClass()方法則不是而是和原來的class進行疊加。 jQuery範例程式碼如下：

$("p").addClass("anotherClass");

(3)移除樣式
jQuery範例程式碼如下：

$("p").removeClass("high"); //移除<p>元素中值為high的class

移除多個class 的jQuery範例程式碼如下：

$("p").removeClass("class1 class2 class3"); //移除<p>元素中的多個class

(4)轉場樣式
jQuery提供了toggleClass()方法控制樣式上的重複切換。如果類名存在就刪除它，不存在就添加它
jQuery範例程式碼如下：

$("p").toggleClass("another");//重複切換名為another的class

(5) 判斷是否含有某個樣式
hasClass()可以用來判斷元素中是否含有某個class，如果有那麼返回true，沒有的話返回false。jQuery範例程式碼如下：

$("p").hasClass("another");

該方法的等價於下面的代碼：

$("p").is("another");