56、jQuery之文档操作

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：阻止后续默认事件执行