jQuery--DOM事件

DOM内部插入
$("p").append("hello"); //每个p节点内后面追加内容
$("p").appendTo("div"); 　　　 //p节点追加到div内后
$("p").prepend("Hello"); //每个p节点内前面追加内容
$("p").prependTo("div"); 　 //p节点追加到div内前
DOM外部插入
$("p").after("hello"); //每个p节点同级之后插入内容
$("p").before("hello"); //在每个p节点同级之前插入内容
$("p").insertAfter("#node"); //所有p节点插入到id为node节点的后面
$("p").insertBefore("#node"); //所有p节点插入到id为node节点的前面
DOM替换
$("p").replaceWith("Paragraph. "); //将所有匹配的节点替换成指定的HTML或DOM节点
$("Paragraph. ").replaceAll("p"); //用匹配的节点替换掉所有 selector匹配到的节点
DOM删除
$("p").empty(); //删除匹配的节点集合中所有的子节点，不包括本身
$("p").remove(); //删除所有匹配的节点,包括本身
$("p").detach(); //删除所有匹配的节点(和remove()不同的是:所有绑定的事件、附加的数据会保留下来)
DOM复制
$("p").clone() 　　//克隆节点并选中克隆的副本
$("p").clone(true) //布尔值指事件处理函数是否会被复制
DOM加载完成事件

$(document).ready(function(){
您的代码...
});

//缩写
$(function($) {
您的代码...
});