jquery创建与添加节点

时间:2020-04-22
本文章向大家介绍jquery创建与添加节点,主要包括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>

  

原文地址:https://www.cnblogs.com/luwn/p/12753538.html