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():清空后代元素
相关推荐
Vue和React是数据驱动视图,如何有效控制DOM操作?能不能把计算,更多的转移为js计算?因为js执行速度很快。patch函数-->patch,对比tag,对比tag与key,对比children