jQuery（操作Dom-节点操作①）

document.createElement("li");
//js创建li节点
var $li=$("<li></li>");
//jQuery创建li节点

var o=document.createElement("li");
//创建节点
选中的js对象.appendChild(创建的节点);
//js在内部插入节点

function append(){
  var $li=$("<li>6</li>");
  $("ul").append($li);
}

function append2(){
  var $li=$("<li>6</li>");
  $li.appendTo($("ul"));
}

function prepend1(){
  var $li=$("<li>0</li>");
  $("ul").prepend($li);
}

function prepend2(){
  var $li = $("<li>0</li>");
  $li.prependTo($("ul"));
}

function after(){
  var $div = $("<div>ul后的div</div>");
  $("ul").after($div);
}

function after(){
var $div = $("<div>ul后的div</div>");
$div.insertAfter($("ul"));
}

function before1(){
  var $div = $("<div>ul之前...</div>");
  $("ul").before($div);
}

function before2(){
  var $div = $("<div>ul之前...</div>");
  $div.insertBefore($("ul"));
}

function remove(){
  var $p = $("p").remove();
  $("ul").before($p);
}

function empty(){
  $("ul").empty();
}

function detach(){
  var $p = $("p").detach();
  $("ul").before($p);
}

function replace(){
  var $div = $("<div>我要去替换p</div>");
  $("p").replaceWith($div);
}

function replaceall(){
  var $div = $("<div>我要去替换p</div>");
  $div.replaceAll($("p"));
}

function clone1(){
  var $p = $("p").clone(false);
  $("ul").before($p);
}