jQuery操作DOM

2014-11-24 13:59:55 · 作者: · 浏览: 2

一.属性的操作:


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_ = $("

write less do more
");


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


六.删除元素
1.remove()
2.empty():清空后代元素