jQuery操作DOM

一.屬性的操作：

1.獲取元素的屬性：attr(property_name)

例子：$("img").attr("src")

2.設置元素的屬性: attr(property_name, property_value)

例子：$("img).attr("src", "path");

3.一次性設置元素的多個屬性值：attr({key0:value0, key1:value1})

例子：$("img").attr({src:"path", title:"tips"});

4.刪除元素的屬性：removeAttr(name)

例子：$("img"). removeAttr("src");

二.元素內容的操作

1.html()

2.html(value)

3.text()

4.text(value)

無參數的是獲取值， 有參數的是設置值

三.獲取或設置元素的值。

1.val():獲取元素的值。這個標簽是用於有value屬性的html標簽。

2.val(value)：設置元素值。

四.元素樣式的操作

1.css(name, value)

例子： $("p").css("color", "red")

2.addClass(class class1 class2 ...)

例子：$("p").addClass("class1"); $("p").addClass("class1 class2")

3.toggleClass(class)

例子：toggleClass("class");

4.removeClass(class);

例子：removeClass("class")

5.removeClass()

刪除所有類別

五.創建節點元素

1.語法：$(html).

例子：

var div_ = $("<div title='jquery theory'>write less do more</div>");

$("body").append(div_);

六.刪除元素
1.remove()
2.empty():清空後代元素