jQuery---创建和添加节点

创建和添加节点

      //创建jq对象
      var $li = $('<a href="http://web.itcast.cn" target="_blank">传智大前端</a>');
      console.log($li);
      $("div").append($li);

 

或者直接添加

      //创建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后面添加元素，div前面添加元素
      $('div').after($("p"));
      $('div').before($("p"));