jQuery中操作元素节点appendTo()与prependTo()的区别

最新推荐文章于 2022-05-12 22:22:36 发布
最新推荐文章于 2022-05-12 22:22:36 发布
阅读量171 收藏
点赞数
分类专栏： Javascript 文章标签： jQuery ViewUI

    刚看了jquery.api手册.发现了两个容易迷惑的方法: appendTo()与prependTo().

   1. appendTo(content): 将所有匹配的元素添加到另一个特定的目标元素中(加入作为最后一个子节点)    

   2.prependTo():同样的, 将所有匹配的元素添加到另一个特定的目标元素中.(加入作为第一个子节点) 

  不难发现两者的区别了.以后,使用时要注意呦!

 

 

iteye_9339
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
10-19
本文将探讨事件冒泡、事件委托、jQuery元素节点操作以及滚轮事件与函数节流这四个重要主题。 一、事件冒泡 事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件的过程。例如，当点击一个按钮（子元素）时，...
jQuery中append()和appendTo()的区别
骆小胖~
09-21 962
append() 和appendTo()的区别
热门推荐
懒惰的小妖
01-16 1万+
append() 向匹配元素集合中的每个元素结尾插入由参数指定的内容。 appendTo() 向目标结尾插入匹配元素集合中的每个元素。 1.append() 方法在被选元素的结尾（仍然在内部）插入指定内容。  2.appendTo() 方法在被选元素的结尾（仍然在内部）插入指定内容。 提示：append() 和 appendTo() 方法执行的任务相...
jQuery中append()与appendTo()方法区别
weixin_30595035的博客
11-24 322
1. append(content)方法 方法作用：向每个匹配的元素内部追加内容。 参数介绍：content (<Content>): 要追加到目标中的内容。 用法示例： HTML代码为<p>I come from </p><p>I love </p> 向所有p标签中追加一个单词china，则写法为 $("p").append...
JQuery的append(),appendTo(),prepend(),prependTo()用法
Deronn的博客
01-10 1653
前端页面在通过ajax加载数据的时候，通常会通过返回的数据重新加载一个页面的数据或者表格，可以通过 js先清空一个table的数据，然后循环遍历数据，每次循环新建一个&lt;tr&gt;标签，然后再把tr添加到table的结尾 的方式重新渲染数据。 JQuery的append()和appendTo()函数可以帮助我们实现这个处理。 &lt;!DOCTYPE html&gt; &lt;ht...
jQuery 文档操作 - prependTo() ，appendTo()方法
weixin_33935777的博客
09-19 139
其他jquery文档操作方法：http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp jQuery 参考手册 - 文档操作 appendTo和prependTo()操作和效果类似。 1，prependTo() 方法在被选元素的开头（仍位于内部）插入指定内容。 2，如果要插入的内容是某个元素，会把某个元素拿走，放到另一个元素前面。 ...
JQuery中DOM节点的操作与访问方法实例分析
01-19
本文实例讲述了JQuery中DOM节点的操作与访问方法。分享给大家供大家参考，具体如下： Jquery中DOM节点的操作 已有对象.append(要添加的对象) 作为最后一个子元素添加 要添加的对象.appendTo(已有对象) ...
有关jquery与DOM节点操作方法和属性记录
11-26
总结一下，jQuery与DOM节点操作相关的知识主要包括：如何使用jQuery的方法进行元素的添加、插入、删除和替换，以及DOM API中的基本节点操作方法如`appendChild()`, `insertBefore()`, `replaceChild()`和`...
JQuery常见节点操作实例分析
11-29
这些基本的jQuery节点操作是Web开发中常用的工具，可以帮助开发者高效地构建动态和交互式的网页。掌握这些技术，可以极大地提高工作效率，并简化复杂DOM操作的实现。在实际应用中，可以结合其他jQuery方法和选择器，...
jQuery和JavaScript节点插入元素的方法对比
11-28
在JavaScript中，没有直接与jQuery的`appendTo()`和`prependTo()`相对应的原生方法，但可以通过组合其他方法来实现类似效果。 总的来说，jQuery提供了更为简洁和一致的API，而JavaScript原生方法则需要更多代码来...
简述JS中append方法与appendTo方法的区分
飞翔的企鹅的博客
11-09 7154
介绍 append() 向每个匹配元素内部的末尾处插入内容 appendTo() 将每个匹配的元素追加到指定的元素中的内部的末尾 区分 1、append() <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></titl...
jQuery的append、appendTo、prepend、prependTo
m0_52228992的博客
05-12 213
元素1.append(元素2)：把元素2添加到元素1内部最后 元素2.appendTo(元素1)：把元素2添加到元素1内部最后 元素1.prepend(元素2)：把元素2添加到元素1内部最前 元素2.prependTo(元素1)：把元素2添加到元素1内部最前 举例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&lt
prepend与append的区别
YingDaoMonkey的博客
12-18 2734
prepend与append的区别 jquery中appendTo和prependTo函数都可以将元素添加到另一个元素，但是两个函数还是有一定却别的 appendTo(content): 是将所有匹配的元素添加到另一个特定的目标元素中，加入后作为最后一个子节点 而prependTo():是将所有匹配的元素添加到另一个特定的目标元素中，加入作为第一个子节点 还有方法append(con...
【jQuery】使用appendTo()方法向被选元素内插入内容
O(∩_∩)O
12-17 1420
appendTo()方法也可以向指定的元素内插入内容，它的使用格式是： $(content).appendTo(selector) 参数content表示需要插入的内容，参数selector表示被选的元素，即把content内容插入selector元素内，默认是在尾部。 例如，使用appendTo()方法，将外的元素插入内，如下图所示： 在浏览器中显示的效果：
jQuery--插入节点之内部插入（append()、appendTo()、prepend()、prependTo()）详解
吴声子夜歌的博客
10-02 3460
插入节点 在动态创建HTML元素节点后，还需将节点插入到文档中才有用。根据元素的插入位置不同，插入方法分为内部插入和外部插入，如下表： 类型 方法 描述 内部插入 append() 向每个匹配的元素内部追加由参数指定的内容 appendTo() 把所有匹配的元素追加到指定的元素中 prepend() 向每个匹配的元素内部前置内容 外部插入 after() 在每个匹配...
JQuery中append（）和appendTo（）方法区别
nairuozi的博客
11-09 551
append为内部插入 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.3.1.js"></script> </head>...
jquery中append，prepend，before和after方法操作Dom节点的区别
江湖的博客
05-25 829
刚好使用到了jq的append方法来对Dom元素进行操作，所以顺便将其相同类型的方法进行了总结，希望对开发者有所帮助，如有不正确的地方，欢迎指正！此文档分为三部分：定义、语法、举例；需要查看详细用法的童鞋，可以下滑举例部分进行查看一、定义append() 方法在被选元素的结尾（仍然在内部）插入指定内容。prepend() 方法在被选元素的开头（仍位于内部）插入指定内容。before:在元素的前边，...
【笔记】jquery append，appendTo，prepend，prependTo 介绍
weixin_30635053的博客
07-30 126
在jquery权威指南里面学习到这一章，很有必要介绍一下里面的内容： 首先是append(content)这个函数： 意思是将内容content加入到所选择的对象内容的后面 例如：$("div").append("<p>" + hello + "</p>"); 意为在所有div元素里面添加一个p标签，标签内容为hello，如果div元素里面有其他的内容则...
jQuery进阶：节点操作与动画方法详解
首先，章节一集中于节点操作，包括如何将普通字符串转换为jQuery对象（$()函数的用法），创建和管理DOM元素的方法，如`appendTo()`、`prepend()`、`prependTo()`、`after()`、`before()`、`insertBefore()`、`wrap()...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值