jQuery: append()和prepend()有效，但appendTo()和prependTo()无效
jQuery是一款流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果和AJAX等操作。在jQuery中，有四个方法用于在DOM中插入元素：append()、prepend()、appendTo()和prependTo()。
- append()方法用于在目标元素的内部末尾插入新的内容。例如，可以使用以下代码将一个新的段落插入到id为"target"的元素内部末尾：$("#target").append("<p>New paragraph</p>");这将在目标元素内部末尾添加一个新的段落。
- prepend()方法用于在目标元素的内部开头插入新的内容。例如，可以使用以下代码将一个新的段落插入到id为"target"的元素内部开头：$("#target").prepend("<p>New paragraph</p>");这将在目标元素内部开头添加一个新的段落。
- appendTo()方法用于将现有元素插入到目标元素的内部末尾。例如，可以使用以下代码将id为"source"的元素插入到id为"target"的元素内部末尾：$("#source").appendTo("#target");这将将源元素移动到目标元素内部末尾。
- prependTo()方法用于将现有元素插入到目标元素的内部开头。例如，可以使用以下代码将id为"source"的元素插入到id为"target"的元素内部开头：$("#source").prependTo("#target");这将将源元素移动到目标元素内部开头。
根据提供的问题，如果使用append()和prepend()方法，可以成功在目标元素内部插入新的内容。但是，如果使用appendTo()和prependTo()方法，无法实现相同的效果。
腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。更多关于腾讯云的产品信息和介绍，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我刚刚开始学习jQuery。同时，我还在探索，我发现append()和appendTo()之间唯一的区别就是语法。因此，我尝试了下面这段代码，其中append()和prepend()起作用，但其余两个不起作用<head>
<script src="jquery-3.2.1.js"></script(' Tutorial'
浏览 5提问于2017-11-26得票数 0
回答已采纳
1回答
如果单击取消，则不会发生任何事情，但如果单击确认，条形码应为:1.在表中删除，2.从列表中删除-或刷新页面。 <script type="text/javascript" src="Script/kpip.js"></scriptfunction ()
浏览 2提问于2013-07-17得票数 1
回答已采纳
由于某些原因，当我在FF中使用insertAdjacentHtml函数时，我得到的insertAdjacentHTMl不是一个函数错误，在jQuery或其他javascript函数中是否有替代方法？
浏览 0提问于2011-07-08得票数 7
回答已采纳
</p> </div>代码
$("<div>hello stackoverflow </div>").appendTo("#sidebar_right.ce_text.download
浏览 2提问于2014-08-21得票数 1
回答已采纳
1回答
您好，我正在使用jquery来显示弹出窗口，它可以在除IE6以外的所有浏览器上运行。不知道是什么原因。这是我的代码，请帮帮忙............. $('body').prepend('<div id="overlay"></div>');if($.browser.msie && $.browser.version=="6.0"){
$('#
浏览 1提问于2011-07-04得票数 0
我需要重写一个经典的ASP页面，以便它将与Internet Explorer，Firefox和Safari兼容。当前的实现使用方法来操作DOM。据我所知，这个方法是。是否可以使用现有的jQuery插件或其他替代方案？
浏览 1提问于2009-02-20得票数 0
回答已采纳
昨天向我的学生演示了append和appendTo之间的差异，发现这种行为我不理解。第一个append触发并按预期更新我的页面，但当第二个append触发时，它会删除第一个更新。然后我尝试了一个prepend和一个append，并有相同的行为。似乎第一条语句运行了(我在调试器中停止并查看)，然后第二条语句撤销了第一条语句。friends[]" value="Joe Schmoe" placeholder=
浏览 5提问于2017-04-27得票数 0
我正在尝试创建一个div，当使用JQuery单击链接时，其中包含一个RenderPage，但没有太多成功。
我在示例中尝试了这两种方法，还尝试了更多。
浏览 1提问于2013-12-13得票数 1
3回答
org/1999/xhtml"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<style type="text/css"&
浏览 0提问于2013-04-22得票数 0
回答已采纳
1回答
我正在使用jQuery Ui对话框将记录添加到记录列表中。它可以工作，但我只想将新添加的记录行(tr)预先添加到结果页面一次。它是有效的，但奇怪的是，append和prepend以及类似的函数都会为每个元素做这件事。我只想将添加的记录放在前面一次。我尝试了很多方法，包括：和
$( "#notes tbo
浏览 2提问于2013-09-14得票数 0
我目前正在将一个节点附加到div的末尾，以便动态地添加到div，但我希望将它附加到div的开头，而不是末尾。var para=document.createElement('div');
para.appendChild(node);
element.appendChild(para);
<div id="div1
浏览 6提问于2013-02-11得票数 0
回答已采纳
1回答
在cheerio中创建新元素的最佳方法是什么？cheerio.load('<li>something in here!</li>')$('li', '<li>bla, bla, bla, ...</li>')
浏览 1提问于2017-04-02得票数 7
回答已采纳
sel-display-on"> </div> <div class="sel-trash-on"> </div>如何使用Jquery
浏览 1提问于2012-08-29得票数 2
回答已采纳
class="thumb"><div class="end"></div></div></div></div><div class="viewport"><div class="overview">').prependTo('.scrollable');
$('arse').appendTo('
浏览 0提问于2011-10-14得票数 1
回答已采纳
我想做这样的事情：<div class="example"></div>
<span>Hello There</span>
浏览 2提问于2012-03-10得票数 1
回答已采纳
1回答
将两个快速svg组合并为一个组
、、、、
我有两个简单的svg组grp1和grp2。现在我想把这两组合并成一组。我尝试过append()、appendTo()、prepend()、prependTo()，但它们都以某种方式将一个组添加到另一个组中。有没有人知道如何做到这一点？
浏览 1提问于2021-06-01得票数 0
回答已采纳
3回答
我的have中有多个div，需要在div和p之间添加一个元素。我尝试过的函数不能对每个类执行一次此操作，如果有13个类，则无论我是否只使用选择器或each()、insertBefore()、before()、after()等，该函数都会在这13个类中的每个类上放置13个 $('.ui-state-error').eq(i).before('p').app
浏览 1提问于2012-07-27得票数 0
回答已采纳
4回答
一些内容..。$('#inner').load( 'pathToFile.html' );谢谢。
old = $('#inner').html();$('#inner').html( old + $('#inner').html() );
浏览 6提问于2009-10-09得票数 0
回答已采纳
我有从导航网格添加和搜索按钮。并从navButtonAdd导出csv、删除、刷新和工具栏搜索按钮。工具栏搜索，刷新，导出，添加，搜索，删除谢谢。
浏览 4提问于2015-03-24得票数 0
回答已采纳
使用detach和prepend将子元素从DIV (h4)中移动到其父DIV (树上两个DIV)中。我的代码是有效的，但它接受页面上这个DIV的每个实例，并将页面上的所有多个DIV添加到每个父DIV的顶部。那么，我如何告诉一个子元素移动到另一个父DIV，但只相对于它的父元素，而不必手动为每个DIV添加一个惟一的ID。Get class name using jQuery jQuery: appendTo parent https://www.elat
浏览 26提问于2019-04-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
