JQuery添加元素和删除元素几种方法的区别

Posted 2020-12-16 lvyier

一，jquery中添加元素的方法

1.text():  添加文本元素,相当于js中的innerText；不会解析带有标签的元素，会把标签一起输出；

2.html(): 添加元素，会解析带有标签的元素，相当于js中innerHTML;

3.val():   为input标签添加元素内容，也可以去除input中的内容，相当于js中value();

 

二，jquery中添加子节点的几种方法

1. append(): 在父节点里，往后添加子节点，父子关系；

2. prepend(): 在父节点里，往前添加子节点，父子关系；

3.after(): 在兄弟节点之后添加节点；平级关系；

4.before(): 在兄弟节点之前添加节点；平级关系；

 

三，删除节点的几种方法

1.remove():会把匹配的元素节点一起删除，连同自身节点也一并删除；

2.empty(): 会把匹配的元素节点一起删除，不会把自身的节点也一并删除；

3.html(): 相当于把元素节点设置为空；

4.detach(): detach()和remove()一样，也是从DOM中去掉所有匹配的元素（把自身也删除）。但需要注意的是，这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据都会保留下来。