jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项
2014-11-21 15:38
801 查看
这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂。如下:
举例说明:在上图中,A.append(B)表示把B(是数据)添加到与A(dom对象)匹配的所有元素的现有内容后面,因此B是源,A是目标包装集。
方法 | 源包装集/字串 | 目标包装集体 | 特性描述 |
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) |
相关文章推荐
- jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法总结
- jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove系列方法的使用。
- jQuery中append、insertBefore、after与insertAfter方法注意事项
- jQuery中append、insertBefore、after与insertAfter方法注意事项
- jQuery中append、insertBefore、after与insertAfter方法注意事项
- jQuery中append、insertBefore、after与insertAfter方法注意事项
- jQuery中append、insertBefore、after与insertAfter方法注意事项
- jQuery中append、insertBefore、after与insertAfter方法注意事项
- jquery中的append,prepend,appendTo,prependTo,after,before
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove的使用
- js追加元素的几种方法(append()、prepend()、after()、before()、insertAfter()、insertBefore())
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove的使用
- JQuery中html、append、appendTo、after、insertAfter、before、insertBefore、empty、remove的使用
- js追加元素的几种方法(append()、prepend()、after()、before()、insertAfter()、insertBefore())
- jquery中append、prepend, before和after方法的区别
- jQuery HTML节点元素修改、追加的方法 html()、append()、prepend()、after()、before()