<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div {
400px;
height: 400px;
}
</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>