jquery创建与添加节点

html文件：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>jquery创建与添加节点</title>
  <style>
    div {
      width: 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>

　　

posted @ 2020-04-22 17:27  迷幻天空岛  阅读(204)  评论(0)    收藏  举报