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

jquery append与appendTo用法分析

程序员文章站 2022-04-12 08:21:11
...
本文主要介绍了jquery append与appendTo方法区别的相关资料,需要的朋友可以参考下,希望能帮助到大家。

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

相关推荐:

Jquery append方法使用中的问题

jquery之insertBefore(),insertAfter(),prependTo(),appendTo()用法详解

jquery append()方法与html()方法的区别及使用介绍

以上就是jquery append与appendTo用法分析的详细内容,更多请关注其它相关文章!