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

2019-12-24,,,,,,,,

这里列的是针对初学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、prepend、before、after用法与区别分析
  • jQuery 追加元素的方法如append、prepend、before
  • jQuery使用before()和after()在元素前后添加内容的方法
  • jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
  • jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
  • jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
  • jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
  • 解决jQuery使用append添加的元素事件无效的问题
  • jquery append与appendTo方法比较
  • jQuery使用prepend()方法在元素前添加内容用法实例
  • jQuery添加新内容的四个常用方法分析【append,prepend,after,before】

《jQuery中append、insertBefore、after与insertAfter方法注意事项.doc》

下载本文的Word格式文档,以方便收藏与打印。