WPS之 jQuery Dom操作

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()新的替换成了旧的