jq中append与appendTo方法介绍

先说说jquery中append与appendTo方法区别吧。

1. append(content)方法

作用：方法在被选元素的结尾（仍然在内部）插入指定内容。

参数介绍：content    必需。规定要插入的内容（可包含 HTML 标签）。    

用法示例：

HTML代码为<p>这是第一段文字</p><p>这是第二段文字</p>

向所有p标签中追加作者，则写法为 $("p").append("作者");

结果为：

<p>这是第一段文字作者</p><p>这是第二段文字作者</p>

2. $(content).appendTo(selector)方法

方法作用：在被选元素的结尾（仍然在内部）插入指定内容。

参数介绍：

content    必需。规定要插入的内容（可包含 HTML 标签）。    

selector    必需。规定把内容追加到哪个元素上。    

用法示例：

HTML代码为

<b>这是第一段文字</b><p></p>

把标签b追加到p元素中，写法为$("b").appendTo("p");

结果为：

<p><b>这是第一段文字 </b></p>

使用appendTo这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

本文出自：琅枫个人博客。如需转载请注明出处！

本文出处："https://www.langfujun.top/learn/web/99.html"