html文件：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>jquery创建与添加节点</title>
<style>
div {
400px;
height: 400px;
background-color: pink;
}
</style>
</head>
<body>
<div id="box">
我是内容
</div>
<p>我是外面的p元素</p>
<script src="jquery-1.12.4.js"></script>
<script>
$(function () {
//创建jq对象
// var $li = $('<a href="http://web.itcast.cn" target="_blank">传智大前端</a>');
// console.log($li);
// $("div").append('<a href="http://web.itcast.cn" target="_blank">传智大前端</a>');
//添加到子元素的最后面
// $("div").append($("p"));
// $("p").appendTo($("div"));
// $("div").prepend($("p"));
// $("p").prependTo($("div"));
$('div').after($("p"));
$('div').before($("p"));
});
</script>
</body>
</html>