节点操作

最新推荐文章于 2022-09-12 22:17:17 发布

程序猿崛起

最新推荐文章于 2022-09-12 22:17:17 发布

阅读量432

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/u013126771/article/details/46358531

版权

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一、删除节点

1、remove()：删除这个节点如果之前这个节点被引用依然可以使用它绑定的事件全部删除

2、detach()：删除这个节点如果使用之前引用的这个节点依然可以使用它绑定的事件

二、复制节点

1、clone()：复制这个节点不复制绑定的事件

2、clone()：复制这个节点包括它绑定的事件

3、replaceWith()：替换这个节点

4、$("p").wrap("<b></b>");：b包裹p

5、$("p").wrapAll("<b></b>");：一个b包裹所有p并在第一个p中显示

6、$("p").wrapInner("<b></b>");：一个b包裹所有p的子节点集

7、removeAttr()：删除属性

8、addClass()：追加样式

三、精华

1、closest()：逐渐向上找匹配的父节点返回离自己最近的那个

三、JavaScript经典清除子元素的文本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<title>空谷悠悠</title>
</head>
<body>
<div id="ppy">
<p>app</p>
<a href="#">aaa</a>
<span>123</span>
<span>145
<span>555</span>
</span>
</div>
<br/>
<div></div>
<p><img src="c_m_5bce55660ab50000008ec94cd75b.jpg" /></p>
<a href="#">asd</a>
<script>
for(var i = 0; i<document.getElementById("ppy").getElementsByTagName("*").length; i++){
var a = document.getElementById("ppy").getElementsByTagName("*")[i].firstChild;
a.nodeValue=null;

}

</script>
</body>
</html>