歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

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():清空後代元素

Copyright © Linux教程網 All Rights Reserved