- 创建节点使用Jquery的工厂函数$ (): $ (html);根据传入的HTML标记字符串就会创建一个DOM对象。Jquery就会把这个DOM对象包装成一个Jquery对象。
- 注意:动态创建的额新元素节点不会自动添加到文档中。而是需要使用其他方法将其插入到文档中。
- 创建单个元素时,需要注意闭合标签和使用标准的xhtml格式。例如创建一个< p >元素,可以使用$ (“< p />”) 或者 $ (“< p >< /p >”),但是不能使用$ (“< p >”) 或者 $ (“< /p >”)或者$ (“p”) .
- 创建文本节点就是在创建元素节点时直接将文本内容写出来。创建属性节点是也是跟元素节点一块创建。
实例1:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>创建节点</title>
<script src="jquery-1.11.3.js"></script>
</head>
<body>
<ul id="fruit">
<li title="pg">苹果</li>
<li title="jz">橘子</li>
<li title="xj">香蕉</li>
</ul>
<script>
$(function(){
/*创建li元素节点,创建文本节点,属性节点*/
var $bl=$("<li title='bl'>菠萝</li>");
/*将新创建的元素节点拼接到父节点上(UL上)*/
$("#fruit").append($bl);
/* $("#fruit").append($("<li title='bl'>菠萝1</li>"));*/
});
</script>
</body>
</html>
看完留下你可爱的小赞哦