`

jQuery中append()和appendTo()的区别

阅读更多

【前言】

    简单总结下jQuery中append()和appendTo()的区别

 

【主体】

1、简单理解 (插入对象不同)  

append()前面是被插入的对象,后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容,而后面是被插入的对象

 

2、实际案例

    (1)a.append(b)是将b插入a的后面

    (2)a.appendTo(b)是将a插入到b的后面

 

3、实例解析

    结合上篇案例来了解下

    (1)文字向上滚动----append()方法

$(this).css({"marginTop":0}).append($(this).children("li:first"));

    (2)文字向上滚动----appendTo()方法

$(this).css({"marginTop":0}).children("li:first").appendTo(this);

 

 

.

分享到:
评论

相关推荐

    jquery append与appendTo方法比较

    jquery中append与appendTo方法区别 1. append(content)方法 方法作用:向每个匹配的元素内部追加内容。 参数介绍:content (): 要追加到目标中的内容。 用法示例: HTML代码为<p>I come from </p><p>I love  向...

    jquery中append()与appendto()用法分析

    在jQuery库中,`append()`和`appendTo()`都是用于向HTML元素添加内容的方法,但它们的使用方式有所不同。这两个方法在很多情况下可以互换,但理解它们的区别可以帮助你更有效地编写JavaScript代码。 1. `append()`...

    append和appendTo的区别以及appendChild用法

    append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象 实例: $(‘#a’).append(‘content’); $(‘<div>content’).appendTo($(‘#...

    jQuery中append、insertBefore、after与insertAfter方法注意事项

    在使用jQuery进行DOM操作时,append、prepend、before和after方法是经常使用的,它们可以帮助开发者以不同的方式动态地修改页面内容。同时,appendTo、prependTo、insertBefore和insertAfter则是对应的以元素为目标...

    jQuery中append()方法用法实例

    ### jQuery中append()方法的用法实例知识点 在进行Web开发的过程中,特别是在前端JavaScript编程中,使用jQuery库可以帮助我们更加简便地操作DOM元素,提高开发效率。其中,`append()`方法是jQuery中一个常用的方法...

    jQuery中appendTo()方法用法实例

    本文实例讲述了jQuery中appendTo()方法用法。分享给大家供大家参考。具体分析如下: 此方法把匹配的元素插入指定元素结尾,插入位置在元素的内部。 appendTo()方法的作用和append()方法是相同的,但是语法是不同的,...

    节点的插入之append()和appendTo()的用法介绍

    在JavaScript的jQuery库中,`append()`和`appendTo()`是用来插入HTML节点的两个非常重要的方法。它们都用于在DOM(文档对象模型)中添加新的元素,但使用方式略有不同。 `append()`方法允许你在现有元素的末尾添加...

    JQuery中文CHM字典

    4. **DOM操作**: jQuery提供了便捷的方法来创建、删除和修改DOM元素,如`$("<div>").append("Hello, World!").appendTo("#container");`在ID为container的元素内添加一个包含文本的新div。 5. **动画**: jQuery的`...

    jQuery 1.4 中文手册(速查表) chm

    手册中的API部分详细介绍了jQuery提供的各种方法、属性和事件。例如: - **基本操作**: `$(selector)` 用于创建jQuery对象,`$(element)` 用于将DOM元素转换为jQuery对象。 - **遍历**: `each()` 方法允许遍历...

    jquery 追加元素append、prepend、before、after用法与区别分析

    jQuery为开发者提供了多种方便的方法来处理元素,其中append、prepend、before和after方法是我们在日常开发中经常使用的操作,它们用于在现有元素的前后或者内部添加内容。下面将对这些方法的用法及其区别进行详细...

    jquery和javascript的区别(常用方法比较)

    在创建元素并添加到文档中,`JavaScript` 的 `createElement` 和 `appendChild` 方法相比 `jQuery` 的 `append()`、`appendTo()`、`prepend()` 和 `prependTo()` 方法显得较为繁琐。`jQuery` 这些方法提供了更加灵活...

    jquery 排序, jquery 动态修改列

    本文将深入探讨“jQuery排序”和“jQuery动态修改列”这两个主题,帮助开发者更好地理解和应用jQuery。 首先,让我们来看看“jQuery排序”。在网页开发中,我们经常需要对数据进行排序,例如表格中的行或列表项。...

    Jquery操作xml_Demo

    通过这个简单的 jQuery 和 XML 操作示例,我们了解了如何使用 jQuery 的 `$.ajax()` 函数加载 XML 文件,以及如何使用 jQuery 的选择器和方法来解析和显示 XML 数据。在实际应用中,可以根据需求进行更复杂的数据...

    jquery的帮助文档jQueryAPI

    - `append()` 和 `prepend()`:在元素内部添加内容,分别在末尾和开头。 - `appendTo()` 和 `prependTo()`:将内容添加到指定元素的末尾或开头。 - `html()` 和 `text()`:设置或获取元素的 HTML 内容或纯文本内容。...

Global site tag (gtag.js) - Google Analytics