jQuery创建节点

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chengqiuming/article/details/70140468
一 介绍
创建元素节点包括两个步骤,一是创建新元素,二是将新元素插入到文档中(即父元素中)。
二 应用
要在文档的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种方法都将在文档中添加一个颜色为红色的段落文本。
  • e88affe8-927f-3983-81a7-fd57a6141dd6-thumb.png
  • 大小: 8.1 KB
阅读更多
换一批

没有更多推荐了,返回首页