<script>
$(function(){
// 节点操作过程：1、先声明一个变量，2、使用追加函数追加到相应的位置
var $li = $("<li>列表2</li>")
// 子级结尾添加：append(),一个对象只能添加一次，加完就没有了
$("ul").append($li)
$("ul").append($li)
// 把子级添加到父级里
// $li.appendTo($("ul"))
// 追加到前面：prepend（预制，添加）、prependTo
var $li2 = $("<li>列表3</li>")
$("ul").prepend($li2)
//同级追加：after、insertAfter(目的地) before、insertBefore(目的地)
var $li3 = $("<div>这是一个DIV</div>")
// $("ul").before($li3)
//在指定节点前面添加：after、insertAfter(目的地) before、insertBefore(目的地)
// $("ul").before($("li"))
//删除节点：.remove() .empty()
// $("ul").empty()
})
</script>
</head>
<body>
<!--
dom树：节点的增删改，节点也就是标签、标签的内容、标签的属性
DOM是js内置的一个结构化表现手法，通过这个结构化，查找到html中所有节点，实现一个倒置的树状结构图，查找节点从而控制标签
子级结尾追加： .append（元素）
-->
<ul>
<li>列表1</li>
</ul>
<p>这是一个ppppppppppppppp</p>
