jQuery--创建节点

创建节点

根据W3C中的HTML DOM标准，HTML文档的所有内容都是节点，包括文档节点、元素节点、文本节点、属性节点和注释节点。各种节点相互关联，共同形成了DOM树。

在页面中添加元素时，首先要找到该元素的上一级节点，再通过函数$ () 完成节点的创建，然后完成节点的添加操作。$ () 函数用于动态创建元素节点，其语法格式如下：

$(htmlCode)

• htmlCode：表示动态创建DOM元素的HTML字符串
• 函数根据htmlCode参数创建一个DOM元素，并返回由该元素封装后的jQuery对象

示例：创建3个 < span > 标签

var span1 = $("<span></span>");
var span2 = $("<span>具有文本内容的节点</span>");
var span3 = $("<span title='属性节点'></span>");

创建节点时，尽量使用双标签或闭合标签，例如$("< span＞＜span>") 或 $("< span />")形式。节点动态创建之后并不会自动添加到文档中，需使用append()等方法将所创建的节点插入到文档的指定位置。

示例：

$("#containerDiv").append(span1);
$("#containerDiv").append(span2);
$("#containerDiv").append(span3);
alert($("#containerDiv" span).length);