1.文档操作内部插入 A.append(B) 吧B添加到A的后面 A.appendTo(B) 吧A添加到B的后面 A.prepend(B) 吧B添加到A的前面 A.prependTo(B) 吧A添加到B的前面外部插入 A.after(B) 吧B添加到A的后面 A.insertAfter(B) 吧A添加到B的后面 A.before(B) 吧B添加到A的前面 A.insertBefore(B) 吧A添加到B的前面2.克隆操作
$(选择器).clone();
例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>克隆</title>
</head>
<body>
<button class="c1">点我</button>
<script src="jquery-3.2.1.min.js"></script>
<script>
$(".c1").on("click",function () {
$(this).clone(true).insertAfter($(this))
})
</script>
</body>
</html>
3.替换操作
replaceWith(content|fn) A.replaceWith(B) --> B替换A replaceAll(selector) A.replaceAll(B) --> A替换B
//将所有的h5标题替换为a标签 $(‘h5‘).replaceWith(‘<a href="#">hello world</a>‘) //将所有h5标题标签替换成id为app的dom元素 $(‘h5‘).replaceWith($(‘#app‘));
4.删除操作
删除节点后，整个标签都会被删除
$(‘ul‘).remove();
删除节点后，事件保留
$(selector).detach();
清空选中元素中的所有后代子节点
//清空掉ul中的子元素，保留ul $(‘ul‘).empty()
原文地址：https://www.cnblogs.com/LearningOnline/p/9128707.html
时间： 2024-08-02 13:37:54