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种方法都将在文档中添加一个颜色为红色的段落文本。