//找到当前标签插入当前标签后面
$("#p1").after($("#p2"));
//找到当前标签插入当前标签前面
$("#p1").insertAfter($("#p2"));
//替换节点
//p1 替换成 p2
$("#p1").replaceAll($("#p2"));
//p2 替换成 p1
$("#p1").replaceWith($("#p2"));
//创建DOM节点
var $newDOM = $("<li>helloWord</li>");
//将创建的节点添加到ul里面追加
$("ul").append($newDOM);
//或者
$newDOM.appendTo("ul");
//将创建的节点添加到ul里面最前面
$("ul").prepend($newDOM);
//或者
$newDOM.prependTo("ul");
//在ul的同辈节点之后添加dom节点
$("ul").after($newDOM);
//在ul的同辈节点之前添加dom节点
$("ul").before($newDOM);
//删除下标为2的dom节点
$("ul li:eq(2)").remove();
$("ul li:eq(2)").detach();
$("ul li:eq(2)").empty();
//复制节点下标为2追加到ul后面
$("ul li:eq(2)").clone(true).appendTo("ul");
//获取节点的属性
console.log($("input").attr("type"));
//修改节点属性
$("input").attr({"type":"button"});
//清除节点属性
$("input").removeAttr("type");