jQuery 属性节点

上一节，我们已经讲到如何创建节点，什么是文本节点

本节我们将学习如何创建属性节点

创建属性节点与我们创建文本节点的方式是一样的，下面我们来看一段代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <script>
        $(function(){
            var $div = $("<div name='dv'></div>");
            $("body").append($div);
        })
    </script>
</head>
<body>
    
</body>
</html>

看出上代码首先我们创建一个属性节点，然后把节点添加到body中，在浏览器中，我们按F12调试，可以看到下面的源码中，已经把<div name='dv'></div>
加入到body 中了

新建文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
	<script>
		$(function(){
			var $div = $("<div name='dv'></div>");
			$("body").append($div);
		})
	</script>
</head>
<body>
	
</body>
</html>

提交重置代码

自动运行

全屏