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

相关推荐