`
purpen
  • 浏览: 795310 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多

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

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

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

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

 

 

分享到:
评论
2 楼 purpen 2007-07-19  
我开始的时候就有点迷惑了..
1 楼 Suninny 2007-07-19  
这两个方法从字面上就很容易辨别呀

相关推荐

    jQuery插入节点1

    jQuery 提供了多种方法来插入节点,包括 `append()`、`appendTo()`、`prepend()`、`prependTo()`、`after()`、`insertAfter()`、`before()` 和 `insertBefore()`。 * `append()` 方法将节点追加到匹配到的子元素的...

    14jQueryDOM节点操作.docx

    - **前置插入**:`prepend()`和`prependTo()`与`append()`和`appendTo()`类似,只是内容会被放置在元素的开头: ```javascript // 使用prepend() $("#container").prepend("这是前置的内容</h1>"); // 使用...

    jQuery 文档操作方法

    jQuery 文档操作方法是 jQuery 库中的一组强大且实用的函数,用于操作 HTML 和 XML 文档中的元素。这些方法可以帮助开发者快速高效地操作文档结构,提高开发效率和代码质量。本文将对 jQuery 文档操作方法进行详细的...

    JQuery中DOM节点的操作与访问方法实例分析

    本文实例讲述了JQuery中DOM节点的操作与访问方法。分享给大家供大家参考,具体如下: Jquery中DOM节点的操作 已有对象.append(要添加的对象) 作为最后一个子元素添加 要添加的对象.appendTo(已有对象) ...

    详解jQuery中的DOM操作

    这篇关于“详解jQuery中的DOM操作”的文章深入介绍了jQuery如何帮助我们查找、创建、修改、插入、删除、复制、替换和包裹DOM节点,以及处理元素的属性。 首先,jQuery提供了强大的选择器系统来查找DOM节点。例如,...

    JQuery常见节点操作实例分析

    在进行JQuery节点操作时,有一些重要的注意事项需要牢记: - 确保在操作节点之前页面的DOM已经加载完成,通常将JQuery代码放在 `$(document).ready()` 函数中执行。 - 在使用 `append()`, `prepend()`, `after()`, ...

    jquery 添加节点的几种方法介绍

    在现代Web开发中,jQuery库被广泛应用于简化DOM操作、事件处理、动画和Ajax交互等任务。在DOM操作方面,jQuery提供了非常丰富的API来添加、删除或修改DOM节点。本文将详细探讨jQuery中添加节点的几种常见方法。 ###...

    jquery复制节点

    关于"jQuery复制节点"这一主题,我们将深入探讨如何使用jQuery来复制HTML元素,包括其基本用法、深拷贝与浅拷贝的区别以及在实际应用中的常见场景。 首先,jQuery提供了`.clone()`方法来复制DOM节点。这个方法可以...

    jQuery和JavaScript节点插入元素的方法对比

    在JavaScript中,没有直接与jQuery的`appendTo()`和`prependTo()`相对应的原生方法,但可以通过组合其他方法来实现类似效果。 总的来说,jQuery提供了更为简洁和一致的API,而JavaScript原生方法则需要更多代码来...

    jQuery 方法大全方便学习参考

    - prependTo:将匹配的元素集合插入到指定的目标元素中的开始位置。 - remove:移除匹配的元素集合中的所有元素。 - wrap:将每个匹配的元素用指定的内容或元素包裹起来。 - wrapAll:将匹配的元素集合用一个...

    jQuery移动和复制dom节点实用DOM操作案例

    jQuery作为前端开发中常用的JavaScript库,提供了丰富的API来操作DOM(文档对象模型),其中移动和复制DOM节点是常见的需求。本文将详细介绍jQuery中移动和复制DOM节点的实用案例。 首先,我们需要了解在jQuery中...

    JQuery插入DOM节点的方法

    JQuery作为一种广泛使用的JavaScript库,提供了大量用于DOM操作的工具函数,其中插入DOM节点的方法尤其重要,因为它让动态地向页面中添加内容变得更加简单和直观。在JQuery中,有多种方法可以实现DOM节点的插入,每...

    jQuery详细教程

    选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取 ...

    有关jquery与DOM节点操作方法和属性记录

    2. jQuery节点操作方法清单: - `A.append(B)`:把B添加到与A匹配的所有元素的现有内容的后面。如果A匹配多个元素,B会成为这些元素的共同子节点。 - `B.appendTo(A)`:与`A.append(B)`作用相同,但方法名的调用者...

    jquery方法大全

    - **add()**:将元素或DOM节点添加到jQuery对象中。 - **children()**:取得一个包含匹配元素集合中每个元素的子元素的元素集合。 - **filter()**:将匹配元素集合缩减为匹配选择器或匹配函数返回true的那些元素。 -...

    jQuery学习之DOM节点的插入方法总结

    内部操作的四个方法`append()`, `prepend()`, `appendTo()`, `prependTo()`主要区别在于插入内容和目标元素的位置。`append()`和`prepend()`是将内容作为参数放在方法调用之后,而`appendTo()`和`prependTo()`则是将...

    JQuery进阶.docx

    1. **DOM元素操作** - `append(content|fn)`:向每个匹配的元素内部追加内容。例如,`$("p").append("<b>Hello</b>");`将在所有段落的末尾添加加粗的"Hello"。 - `appendTo(content)`:与`append`相反,将所有匹配...

    jquery用法大全

    #### 一、Attribute操作:元素属性与样式的增删改查 1. **添加样式** - `$("p").addClass("样式类名")`:给`<p>`标签下的所有元素添加在CSS中定义的样式类。 2. **修改属性** - `$("img").attr({"属性名": ...

Global site tag (gtag.js) - Google Analytics