用jQuery创建DOM节点的方法

本文演示了jQuery创建DOM节点的方式：

使用jQuery选择器可以快速方便地找到特定的元素节点在一个文件中，然后使用attr（）得到的各种元素的属性值的方法。但真正的DOM操作并非如此简单。在DOM操作，我们经常需要创建HTML内容动态，使得在浏览器改变文档演示效果，实现人机交互的各种用途。

HTML DOM的结构如下所示：
欢迎访问

PHP编程容易理解
易于理解的Javaｓｃｒｉｐｔ编程
易于理解的jQuery编程
创建元素节点

例如，创建两个元素节点，并将它们作为元素节点的子节点添加到DOM节点树中。

1。创建两个新元素。

2。将两个新元素插入文档中。

第一步可以使用jQuery、$（）的工厂函数完成，如下所示：

$（HTML）；

$（HTML）方法基于传入的HTML标记字符串创建一个DOM对象，并在将DOM对象包装为jQuery对象后返回它。

首先，创建两个元素，jQuery代码如下所示：
var = $（$ li_1 ）； / /创建的第一个元素
var = $（$ li_2 / /创造）；二元
然后，在jQuery中使用附加（）方法将这两个新元素插入到文档中：
VaR（母=美元美元。nm_ul ）； / /接入节点的父节点。
parent.append美元（美元li_1）； / /添加的节点，因此它可以在Web页面上显示
parent.append美元（美元li_2）； / /链可以采取书面：parent.append美元（美元li_1）。追加（$ li_2）；

动态创建的新元素节点不会自动添加到文档，但需要被插入到文档中的其他方法。创建一个元素时，注意关闭标签和使用标准的XHTML格式。例如，创建一个元素，你可以使用$（）或$（），但不使用$（）或资本$（）。

创建文本节点

已经创建并插入了两个元素节点。在这一点上，您需要将文本内容添加到创建的元素节点中。

jQuery代码如下所示：
li_1 = $（var $ 新的节点数据结构）； / /创建的第一个元素
li_2 = $（var $ 的新节点：设计模式）； / /创建二元素
VaR（母=美元美元。nm_ul ）； / /接入节点的父节点。
parent.append美元（美元li_1）； / /添加的节点，因此它可以在Web页面上显示
parent.append美元（美元li_2）； / /链可以采取书面：parent.append美元（美元li_1）。追加（$ li_2）；

如上面的代码所示，在创建元素节点时，创建文本节点是直接写入文本内容，然后使用附加（）方法将它们添加到文档中。

无论HTML（HTML）中的HTML代码多么复杂，它都会以同样的方式创建；

创建属性节点

属性节点的创建类似于文本节点的创建，并且在创建元素节点时直接创建，jQuery代码如下所示：
li_1 = $（var $ 新的节点数据结构）； / /创建的第一个元素
li_2 = $（var $ 的新节点：设计模式）； / /创建二元素
VaR（母=美元美元。nm_ul ）； / /接入节点的父节点。
parent.append美元（美元li_1）； / /添加的节点，因此它可以在Web页面上显示
parent.append美元（美元li_2）； / /链可以采取书面：parent.append美元（美元li_1）。追加（$ li_2）；
通过源代码的工具，通过浏览器查看代码，你可以看到这两个元素大于属性节点命名标题，可以判断，无论是文本节点和属性节点创建的元素被添加到Web页面。这表明用jQuery的HTML元素动态的创建非常简单，方便灵活。

希望本文能对大家的jQuery程序设计有所帮助。