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

2021-01-20 21:15

阅读:545

标签:jquer   htm   after   move   pen   匹配   父节点   事件   empty   

一,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()不同的是,所有绑定的事件、附加的数据都会保留下来。

 

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

标签:jquer   htm   after   move   pen   匹配   父节点   事件   empty   

原文地址:https://www.cnblogs.com/lvyier/p/13303978.html


评论


亲,登录后才可以留言!