欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery append与appendTo方法比较

程序员文章站 2023-11-25 11:52:40
jquery中append与appendto方法区别 1. append(content)方法 方法作用:向每个匹配的元素内部追加内容。 参数介绍:content...

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中。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!