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>

提交重置程式碼

自動運行

全螢幕