jquery和DOM节点的操作方法和属性的记录

我在网上找到了jquery的操作节点方法列表。如下所示：

方法

源集/字符串。

目标包装组。

特征描述

追加

B

A

如果目标包装集仅匹配一个元素，则源(包括同源包装集匹配的所有元素)将被移动到目标位置。如果目标打包集包含多个元素，源将保留在原始位置，但同时，一个相同的副本将被复制到目标位置。

因此，如果目标只匹配一个元素，则使用上述方法后，源将被删除。

附录一

附件

优先于(一)

甲前(乙)

在(A)之前插入

甲后(乙)

在(A)之后插入

示例：在上表中，A.append(B)表示将B添加到匹配a的所有元素的现有内容中，因此B是源，a是目标打包集。

综上所述，使用上述方法后，两个节点成为同一级别的兄弟节点。

以下是DOM操作节点的方法总结：

(1)1)appendChild方法用于将一个节点添加到childNodes列表的末尾。

//将newNode添加到someNode的childNodes列表的末尾。

var returned node=somenode . appendchild(new node)；

//将someNode的第一个子节点改为最后一个子节点。

var returned node=somenode . appendchild(somenode . first child)；

(2)insertBefore方法，可以将节点放在childNodes列表中的特定位置。

//插入后成为最后一个子节点。

returned node=somenode . insert before(new node，null)；//与appendChild具有相同的效果。

//插入后成为第一个子节点。

returned node=somenode . insertbefore(new node，somenode . first child)；

(3)replaceChild方法用于替换子节点，接受两个参数：要插入的子节点和要替换的子节点。要替换的子节点将从文档树中移除，并且要插入的子节点将占据其位置。

//替换第一个子节点。

returned node=somenode . replace child(new node，somenode . first child)；

(4)removeChild方法用于移除子节点。

//移除第一个子节点。

var former first child=somenode . remove child(somenode . first child)；

综上所述，以上方法都是由父节点操作的。

下图显示了父子节点和兄弟节点之间的查找关系。

以上关于jquery和DOM节点的操作方法和属性的记录，都是边肖分享给大家的内容，希望能给大家一个参考和支持。