jQuery创建节点

一 介绍

创建元素节点包括两个步骤，一是创建新元素，二是将新元素插入到文档中（即父元素中）。

二 应用

要在文档的body元素中创建一个新的段落节点可以使用下面的代码：

三 代码 

<script language="javascript" src="JS/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	//方法一
	var $p=$("<p></p>");
	$p.html("<span style='color:#FF0000'>方法一添加的内容</span>");
	$("body").append($p);
	//方法二
	var $txtP=$("<p><span style='color:#FF0000'>方法二添加的内容</span></p>");
	$("body").append($txtP);
	//方法三
	$("body").append("<p><span style='color:#FF0000'>方法三添加的内容</span></p>");
	//弹出新添加的段落节点p的文本内容
	alert($("p").text());
});
</script>

 

四 运行结果

 

 

五 运行说明

在创建节点时，浏览器会将所添加的内容视为HTML内容进行解释执行，无论是否是使用html()方法指定的HTML内容。上面所使用的3种方法都将在文档中添加一个颜色为红色的段落文本。