1、添加文档到指定元素内部的后面
$(A).append(B)// 把B追加到A $(A).appendTo(B)// 把A追加到B
2、添加文档到指定元素内部的前面
$(A).prepend(B)// 把B前置到A $(A).prependTo(B)// 把A前置到B
var liE=document.createElement("li") //首先创建一个元素，用变量储存
undefined
liE.innerText="我是li" //为元素赋值
"我是li"
$("#u1").append(liE) //添加到指定元素内部后面
$("#u1").prepend(liE) ////添加到指定元素内部前面
3、添加到指定元素外部的后面、前面
$(A).after(B)// 把B放到A的后面 $(A).insertAfter(B)// 把A放到B的后面
$(A).before(B)// 把B放到A的前面 $(A).insertBefore(B)// 把A放到B的前面
4、移除和清空元素
$("#l3").remove(); //直接把l3标签和内部子标签全部删掉
$("#u1").empty() //清空内部的子标签和内容（不会删除其本身，所以这才是清空）
5、each
//对于div中有ul，把ul中的li内容打印出来
$("div").each(function(){
console.log(this)}); //each中的this指的是：每一条要打印的内容
6、克隆
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>克隆</title> </head> <body> <button class="b1">点击复制</button> <script src="jquery-3.2.1.min.js"></script> <script> $(".b1").click(function () { $(this).clone(true).insertAfter(this) }); </script> </body> </html>
// clone方法加参数true，克隆标签并且克隆标签带的事件
// clone方法不加参数true，克隆标签但不克隆标签带的事件
7、return false：阻止后续默认事件执行