-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path20.html
64 lines (60 loc) · 2.05 KB
/
20.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(function(){
var $div;
var $li = $('<li>add new li</li>');
$('button').eq(0).click(function(){
//$div = $('div').remove();//会把删除的元素返回 以便后面使用
//但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。
//$div = $('div').detach();
//与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。
//$('div').empty();
//把所有段落的子元素（包括文本节点）删除
//$div = $('li').replaceWith($li); //返回被替换的那些li
//$li.replaceAll('li');
//替换所有节点为指定节点 写法不同而已
});
$('li').click(function(){
alert($(this).html());
});
$('button').eq(1).click(function(){
$div.appendTo('ul');
});
$('button').eq(2).click(function(){
var $firli = $('li:first').clone();
//默认为false
$firli.appendTo('ul');
//此时点击不会警告 事件没有被复制
});
$('button').eq(3).click(function(){
var $firli = $('li:first').clone(true);
$firli.appendTo('ul');
//此时点击警告 事件被复制
//深复制时绑定的事件都会被复制
});
});
</script>
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>浅复制</button>
<button>深复制</button>
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
<div >
<p>这是一个p标签</p>
<p>这是一个p标签</p>
<p>这是一个p标签</p>
<span>这是一个span标签</span>
</div>
</body>
</html>