DOM的操作原则
- get and set in on(读写一体)
- get firse set all(读第一个 写所有的操作)
- 智能DOM操作 静默容错
对html/文本/值
html
说明:DOM操作的innerHTML
方法:
读取:
$("选择器").html();
写入:
$("选择器").html("值");
text
说明:相当于原生dom里innerText
方法:
读取:
$("选择器").text()
写入:
$("选择器").text("值")
val
说明:
操作表单元素的值,相当于原生的DOM中的value
写入:
$("选择器").val("值");
属性的操作:
attr
说明:
设置或者获取属性上的值
方法:
$("选择器").attr("属性名","值")
prop
说明:
获取或者设置属性上的值,会返回true和flase
方法:
$("选择器").prop("属性","值")
remove
说明:
删除自身元素(包括自己的子元素
)
removeProp
说明:
删除内部子元素
节点操作
创建节点
说明:创建一个新的元素节点
方法:
$("<标签名 属性民=值>文本内容</标签名>")
$("<标签名>")
删除节点
.remove() 删除自身
.empty() 删除内部
添加节点
.append() A添加到B(向前)
.appendTo() b添加到a (向前)
.prepend() A添加到B(向后)
.prependTo() b添加到a (向后)
替换节点
.replaceWith() 旧的替换成新的
.replaceAll()新的替换成了旧的