jquery中html和append的区别

Posted 2023-05-16

参考技术A html是替换，而append是追加

例如 <div id="div1">内容</div>

$(#div1").html("<div>这是内容</div>");
这样的最终结果就是 <div>这是内容</div> //也就是把原来的内容替换了
$(#div1").append("<div>这是内容</div>");
这样的最终结果就是 <div id="div1">内容</div><div>这是内容</div>
//也就是把内容追加到你这个元素的后面。本回答被提问者和网友采纳 参考技术B $(#div1").append("<div>这是内容</div>");
这样的最终结果就是 <div id="div1">内容 <div>这是内容</div> </div>
这样的吧

jquery中append与appendTo方法区别

1. append(content)方法

方法作用：向每个匹配的元素内部追加内容。

参数介绍：content (<Content>): 要追加到目标中的内容。

用法示例：

HTML代码为<p>I come from </p><p>I love  </p>

向所有p标签中追加一个单词china，则写法为 $("p").append("china");

结果为：<p>I come from china</p><p>I love china </p>

2. appendTo(expr)方法

方法作用：把所有匹配的元素追加到指定的元素元素集合中。

参数介绍：expr (String): 用于匹配元素的jQuery表达式。

用法示例：

HTML代码为<b>I love china </b><p></p>

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

结果为：><p><b>I love china </b></p>

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