个人博客 > 学无止境 > WEB前端 > jq中append与appendTo方法介绍

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.phpfeng.cn/learn/web/99.html"

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对琅枫博客的支持! ~(@^_^@)~

微信打赏

琅枫博客微信号

支付宝打赏

琅枫博客个人支付宝
本文关键词: 方法



你想在庞大的互联网上留下一丝足迹?

我不想成为一个庸俗的人。十年百年后,当我们死去,质疑我们的人同样死去,后人看到的是裹足不前、原地打转的你,还是一直奔跑、走到远方的我?

点我了解如何搭建个人博客?