简述JS中append方法与appendTo方法的区分

最新推荐文章于 2022-11-06 19:46:38 发布
最新推荐文章于 2022-11-06 19:46:38 发布
阅读量7.1k 收藏 7
点赞数 4
分类专栏： JavaScript 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43457668/article/details/102991366
版权

介绍

append()向每个匹配元素内部的末尾处插入内容
appendTo()将每个匹配的元素追加到指定的元素中的内部的末尾

区分

1、append()

<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
	<title></title>
	<script src="js/jquery-3.3.1.js"></script>
    </head>
    <body>
	<p id="content">I love </p>
	<script>
	    $("#content").append("<span>you.</span>");//使用append方法将span标签插入到id为content标签的尾部
	</script>
    </body>
</html>

结果如下：

2、appendTo()

<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
	<title></title>
	<script src="js/jquery-3.3.1.js"></script>
    </head>
    <body>
	<p id="content">I love </p>
	<span id="letters">you.</span>
	<script>
	    $("#letters").appendTo("#content");//使用appendTO方法将指定标签内容传输到指定标签尾部
	</script>
    </body>
</html>

结果如下：

——分析见于代码块注释——

——END——

肥胖的企鹅
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery追加元素的几种方法（append()、prepend()、after()、before()、insertAfter()、insertBefore()）
幸福滴嘴角上扬的博客
09-07 17万+
最近项目不是很忙，抽空整理了下，js中常用追加元素的几种方法。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;js中常用追加元素的几种方法&lt;/title&gt; &lt;link rel="stylesheet" h
JavaScript之append、appendChild、innerText、innerHTML与textConten的区别、getTime、createElement、createTextNode
06-28 4497
JavaScript之append、appendChild、innerText、innerHTML与textConten的区别、getTime、createElement、createTextNode
JS追加元素 append&&prepend； before&&after
LonelySnow的博客
12-18 2761
append() &amp; prepend() are for inserting content inside an element (making the content its child) while after() &amp; before() insert content outside an element (making the content its sibling)....
JavaScript系列之 FormData 的简单使用
老__L的博客
11-06 4368
FormData() 构造函数用于创建一个新的 FormData 对象。FormData 接口的append()方法会添加一个新值到 FormData 对象内的一个已存在的键中，如果键不存在则会添加该键。FormData 接口的 delete() 方法会从 FormData 对象中删除指定键，即 key，和它对应的值，即 value。entries() 方法返回一个 iterator 对象，此对象可以遍历访问 FormData 中的键值对。其中键值对的 key 是一个 String 对象；
jQuery appendTo ( ) 方法
m0_57835615的博客
06-11 1794
appendTo() 方法在被选元素的结尾插入 HTML 元素。 语法格式： $(content).appendTo(selector) 示例：
关于用append()插入代码后对应的js无效问题完美解决
fakergoing的博客
09-10 8012
1.下面的会有用到find，find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。 2. 产生这种问题的原因是：是因为append中的节点是在整个文档加载后才添加的，页面并不会为未来的元素初始化添加点击事件，所以使用这种方式动态添加的节点中的点击事件没有生效。 例子我们要把 下面这段代码用append添加到div里面（这是要添加div里面的） &l...
jquery append与appendTo方法比较
10-19
主要介绍了jquery append与appendTo方法区别的相关资料,需要的朋友可以参考下
jQuery中appendTo()方法用法实例
01-19
本文实例讲述了jQuery中appendTo()方法用法。分享给大家供大家参考。具体分析如下： 此方法把匹配的元素插入指定元素结尾，插入位置在元素的内部。 appendTo()方法的作用和append()方法是相同的，但是语法是不同的，...
JavaScript利用append添加元素报错的解决方法
01-21
1、错误描述 在IE浏览器上： Uncaught HierarchyRequestError:Failed to excute ‘appendChild’ on ‘Node’:The new child element contains the ...去掉append中的append，将里面的append中的字符串放到外面的ap
jquery中append()与appendto()用法分析
12-08
本文实例分析了jquery中append()与appendto()的用法。分享给大家供大家参考。具体分析如下： 在jQuery的文档操作方法中，append()和appentto()方法执行的任务相同，但是两者也有区别。 1、append()方法：在被选元素...
jquery中append()和appendTo()的区别
热门推荐
不二的博客
09-06 3万+
append(content)用法： 功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。 实例： &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt
一些方法：JQ: append() 、appendTo() || JS：appendChild()：
The limits of your knowledge are the limits of your world
03-19 3571
JQ .append() 方法 实例 在每个 p 元素结尾插入内容： $("button").click(function(){ $("p").append(" <b>Hello world!</b>"); }); 定义和用法 append() 方法在被选元素的结尾（仍然在内部）插入指定内容。 提示：append() 和 appendTo() 方法执行的任务相同。不同...
1.javaScript(JS)常用函数之 appendChild 和removeChild
yuxuan89814的专栏
08-29 4039
javaScript(JS)常用函数之 appendChild 和removeChild
如何在js中调用append里面点击标签变化的函数
Dean_kai的博客
10-21 1967
在html中可以直接点击标签li，在加入如下代码 $(".dev_topcoli").click(function(){ if($(this).find("img").attr('src')=='images/light_a.png'){ $(this).find("img").attr('src',"images/light_b.png"); } else{ $(this
js添加text到html append,js原生方式实现jquery中的append()方法
weixin_39527292的博客
06-22 1689
一．在使用jquery时，append() 方法在被选元素的结尾(仍然在内部)插入指定内容使用方法：$(selector).append(content)，content为必需的。规定要插入的内容(可包含HTML标签)二．在使用原生js时，使用appendChild()方法可向节点的子节点列表的末尾添加新的子节点，用法：parent.appendChild(child);child没有引号包住，c...
JS实现appendHTML
xuriliangjava的专栏
09-15 1万+
思路一：function appendHtml(elem,value){ var node = document.createElement("div"), fragment = document.createDocumentFragment(), childs = null, i = 0; node.innerHTML = value
append()方法和html()方法的区别
milklili的博客
04-14 3514
两者都是在某一个元素的内部添加内容。 区别在于：append是在原有基础上增加，html中是替换当前所有内容
关于用append()插入代码后对应的js无效问题
wang1994daren的博客
01-14 4635
因为JS代码执行的时候，选择器找到的元素是最开始的那一部分。 通过JS脚本新创建的元素，在之前JS代码执行的时候还不存在，所以JS代码中关于新创建元素的部分无效。 将对应的JS代码放在最下面就好了 （我遇到的情况是append（）插入代码导致js文件失效，将关联JS的代码放到最下面就OK了 ）
js中append方法参数
最新发布
07-28
在JavaScript中，append方法用于将一个元素添加到另一个元素的末尾。参数可以是一个节点对象，也可以是一个字符串。如果参数是一个节点对象，可以直接传递该对象作为参数，不需要使用引号包围。例如，使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值