jQuery操作DOM

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