Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery中append、insertBefore、after与insertAfter方法注意事项

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

发布时间:2013-07-20   编辑:www.jquerycn.cn
jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项
jquery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项

这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂。如下:

方法

源包装集/字串

目标包装集体

特性描述

A.append(B)

B

A

若目标包装集只匹配一个元素,则源(也包括同源包装集匹配的所有元素)将被移动到目标位置;若目标包装集包含多个元素,则源将保留在原来的位置,但同时复制一份相同的副本到目标位置。

由此,若目标只匹配一个元素时,使用前述方法后源将被删除。

B.appendTo(A)

A.prepend(B)

B.prependTo(A)

A.before(B)

B.insertBefore(A)

A.after(B)

B.insertAfter(A)

举例说明:在上图中,A.append(B)表示把B添加到与A匹配的所有元素的现有内容后面,因此B是源,A是目标包装集。

您可能感兴趣的文章:
jQuery中append、insertBefore、after与insertAfter方法注意事项
解密jQuery内核 DOM操作
jquery DOM操作 基于命令改变页面
jQuery移动和复制dom节点实用DOM操作案例
细说 jQuery DOM操作篇(二) – DOM 树操作
jQuery第三课 修改元素属性及内容的代码
解密jQuery内核 DOM操作的核心函数domManip
jQuery记录之选择器与属性
jquery 添加节点的几种方法介绍
jquery常用技巧及常用方法列表集合

[关闭]