jquery中append和appendto的区别 JQuery之append和appendTo的区别，还有js中的appendChild用法

jquery中append和appendto的区别

例如

下面两句是等价的
$("#parent").append($("#box2"))
$("#box2").appendTo($("#parent"))

JQuery之append和appendTo的区别，还有js中的appendChild用法

.append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同。对于.append(), 选择表达式在函数的前面，参数是将要插入的内容。对于.appendTo()刚好相反，内容在方法前面，无论是一个选择器表达式 或创建作为标记上的标记，它都将被插入到目标容器的末尾。
.appendChild() 添加到父级的尾部。

append和appendTo的区别以及appendChild用法

append()前面是要选择的对象2113，后面是要在对象内插入的元素内5261容
appendTo()前面4102是要插入的元素内容且为Jquery对象，而后面是要选择的对象

实例：
$(#a).append(content)
$(

).appendTo($(#a))
注意appendTo前面一定要是Jquery对象。
appendChild(Node)这个 方法一般是在指定元素节点的最后一1653个子节点之后添加节点
但如果Node是页面中的DOM对象，那么就不专是添加节点了，就是直接Move节点。
appendChild你可以理解为移动一个元素。如果想复制一份属过去，要事先clone

jquery中html和append的区别

html是替换，而append是追加

例如

内容

$(#div1").html("

这是内容

")
这样的最终结果就是

这是内容

//也就是把原来的内容替换了
$(#div1").append("

这是内容

")
这样的最终结果就是

内容

这是内容

//也就是把内容追加到你这个元素的后面。

Jquery中的append跟prepend，after和before的区别

假设

使用
$(.a).append($(.c))

则会这样：


使用
$(.a).prepend($(.c))

则结果这样：


after()和before()
同样的上述代码，使用
$(.a).after($(.c))

结果：

//<----this will be placed here

使用
$(.a).before($(.c))

结果：
//<----this will be placed here


由上可以得出结论：
append() & prepend()实在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。

jquery中append，prepend，before和after方法的区别

区别：

1、append()用于在被选元素的结尾插入元素。
2、prepend()用于在被选元素的开头插入元素。
3、after()用于在被选元素之后插入内容。
4、before()用于在被选元素之前插入内容。
PS：append（），prepend（）这两个函数的添加都是添加到元素的内部的。

before（）和after（）这意味着这两个函数是往元素外部的前后添加的。

jQuery parent.append和$after的区别

首先假设我们有个id为test的div和一个id为test2的div：

    我是测试div
append是在指定元素内部比如：
    我是test2！

$("#test").append("测试文字
")执行结果：
    我是测试div
测试文字

而after则是在指定元素外部且紧挨着：
    我是test2！

$("#test").after("测试文字
")执行结果：
    我是测试div

测试文字

    我是test2！
其实就是一个在元素内部生成和元素外部生成的区别。

jquery 中appendTo()函数的疑惑?

原有元素通过appendTo之后会把文本、属性、事件等都复制过去。
所以要想避免这个问题需要使用.clone(false)

原来的代码修改为$(this ).css("background", "white").clone(false).appendTo("#ul2")
就可以防止这个问题。

我已经测试过没有问题了。采纳吧，顺便多给些分数。