<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div {
width: 300px;
height: 300px;
background-color: pink;
}
</style>
</head>
<body>
<div>
<p>1111</p>
<p>2222</p>
<!--<a href="http://web.itcast.cn" target="_blank">itcast</a>-->
</div>
<span>我是外面的span</span>
<script src="jquery-3.2.1.js"></script>
<script>
$(function () {
// 动态创建节点
var $a = $("<a href='http://www.baidu.com' target='_blank'>RayLee</a>");
$("div").append($a);
// 清空节点, 清理门户
$("div").empty();
// 删除节点
// $("div").remove();
// 添加事件
$("span").click(function () {
alert("span");
})
// 克隆节点 true 带事件的复制, false 默认的复制, 不带事件的复制
$("span").clone(true).appendTo("div");
});
</script>
</body>
</html>