标签:选中 jquery har a标签 end UNC his 保留 eal
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()
标签:选中 jquery har a标签 end UNC his 保留 eal
原文地址:https://www.cnblogs.com/LearningOnline/p/9128707.html