2021-05-18

                                                                                                 JQuery文档处理

1.内部插入

(1)append() 在被选元素的结尾插入内容（结束标签之前插入）

下面的意思是被选元素#div1的结尾插入内容<p>向每个匹配的元素内部追加内容</p>

 

(2)appendTo() 把所有匹配的元素追加到另一个指定的元素元素集合中。

下面的意思是把所有匹配的元素追加到另一个指定的元素元素集合中#div1。

 

(3)prepend() 在被选元素的开头插入内容（开始标签之后插入）

下面的意思是在被选元素#div1的开头插入内容<p>向每个匹配的元素内部前置内容。</p>

 

(4)prependTo() 把所有匹配的元素前置到另一个、指定的元素元素集合中。

下面的意思是把所有匹配的元素前置到另一个、指定的元素#div1元素集合中。

 

2.外部插入

(1)after() 在被选元素之后插入内容  

下面的意思是在被选元素#div1之后插入内容<p>匹配的元素之后插入内容</p>

(2)insertAfter() 将被选元素插入到指定元素之后  

下面的意思是将被选元素插入到指定元素#div1之后
(3)before() 在被选元素之前插入内 

下面的意思是在被选元素#div1之前插入内<p>在每个匹配的元素之前插入内容</p>

(4)insertBefore() 将被选元素插入到指定元素之前  

下面的意思是将被选元素#div1插入到指定元素之前

 

3.删除

(1)empty() 清空，删除匹配的元素集合中所有的子节点。  

下面的意思是删除匹配的元素#div1集合中所有的子节点

(2)remove() 从 DOM 中删除所有匹配的元素，包括绑定的事件，附加的数据等。  

下面的意思是从 DOM中删除所有匹配的元素pC1，包括绑定的事件，附加的数据等。

(3)detach() 从 DOM 中删除所有匹配的元素，不包括绑定的事件、附加的数据等。  

下面的意思是从 DOM 中删除所有匹配的元素pC1，不包括绑定的事件、附加的数据等。

 

1. 复制

clone() 生成被选元素的副本，包含子节点、文本和属性

下面的意思是生成被选元素#p4的副本到#div1中的后面。

1. 替换

下面的意思是所有p标签替换<h5>标题5</h5>

这是我所学到的一些JQuery文档处理，分享给你们，希望可以帮助到你们。

新手上道，请多多指教，大神勿喷。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔，谢谢！