您的位置：首页 > 其它

节点操作

2015-06-04 16:16 369 查看

一、删除节点

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航