jQuery中append、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中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
jQuery中鲜为人知的的几个方法
转来学习一下 jQuery中鲜为人知的的几个方法 jQuery近些年来仍旧是web开发中最受欢迎的类库,虽然大家褒贬不一,但是仍旧不失为一款最流行的Javascript,在今天这篇文章中,我们将介绍几 ...
jquery getjson php,jquery中调用php json函数的方法分享
PHP 5.2版本之后,默认增加了一组针对数据进行JSON互转的函数: json_encode :数据到JSON json_decode :JSON到PHP变量的转换本文用一个实例讨论一下PHP 的 ...
JQuery中append(function(index,html)),appendTo(),after(function(index,html)),clone()方法
不多说废话,直接说要点 1. append(function(index, html)) 该方法是版本1.4 中新增的,其功能是将一个function 函数作为append 方法的参数,该函数的功能 ...
jQuery中append、prepend等的用法与记忆
jQuery中,有append.prepend等方法,容易搞混淆,在这里记录一下,以便于区分大致有如下方法,可以理解为: append:后置x(-后面添加) prepend:前置x (-前面添加) ...
jQuery中绑定事件的几种方法
以click事件为例,jQuery中绑定事件有三种方法: (1)target.click(function(){}); (2)target.bind("click",functi ...
html中prependid的作用,jQuery中append(),prepend()与after(),before()的区别
在jQuery中,添加元素的方法有append(),prepend和 after(),before()两种共四个.但很多人对他们的使用有点混淆,今天就来分析一下.append()和prepend()的 ...
在jQuery中删除事件处理程序的最佳方法？
我有一个input type="image" . 这就像Microsoft Excel中的单元格注释一样. 如果有人在与该input-image配对的文本框中input-image ...
JQuery中serialize()、serializeArray()和param()方法
2019独角兽企业重金招聘Python工程师标准>>> 与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串, ...

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

jQuery中append、insertBefore、after与insertAfter方法注意事项相关推荐

最新文章

热门文章