如下代碼中，用detach刪除了之后，再添加沒有觸發(fā)點擊事件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery刪除節(jié)點之empty</title>
<style type="text/css">
#box1{
background-color:lightskyblue;
}
#box2{
width:100px;
height:50px;
background-color:pink;
}
#box3{
width:60px;
height:25px;
background-color:yellow;
}
</style>
<script src="jQuery/jquery-3.3.1.js"></script>
?<script>
$(document).ready(function(){
$("#box2").click(function(){
alert("觸發(fā)了點擊事件");
});
$("#btn1").click(function(){
$("#box2").detach();
});
$("#btn2").click(function(){
$("#box1").append("<div id='box2'><div id='box3'>12345</div></div>");
});
});
?</script>
</head>
<body>
<p>文檔的一行文字</p>
<div id="box1">
<p>div的第一個子元素</p>
<p>div的第二個子元素</p>
<div id="box2">
<div id="box3">12345</div>
</div>
</div>
<button id="btn1">我可以刪除子元素哦</button>
<button id="btn2">我可以增加子元素哦</button>
</body>
</html>
2019-03-06
? ?
<html>
<head>
? ? ?<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <script src="http://idcbgp.cn/static/lib/jquery/1.9.1/jquery.js"></script>
<meta charset="UTF-8">
<title>jQuery刪除節(jié)點之empty</title>
<style type="text/css">
#box1{
background-color:lightskyblue;
}
#box2{
width:100px;
height:50px;
background-color:pink;
}
#box3{
width:60px;
height:25px;
background-color:yellow;
}
</style>
<script src="jQuery/jquery-3.3.1.js"></script>
?<script>
var b;
$(document).ready(function(){
$("#box2").click(function(){
alert("觸發(fā)了點擊事件");
});
$("#btn1").click(function(){
b = $("#box2").detach();
});
$("#btn2").click(function(){
$("#box1").append(b);
});
});
?</script>
</head>
<body>
<p>文檔的一行文字</p>
<div id="box1">
<p>div的第一個子元素</p>
<p>div的第二個子元素</p>
<div id="box2">
<div id="box3">12345</div>
</div>
</div>
<button id="btn1">我可以刪除子元素哦</button>
<button id="btn2">我可以增加子元素哦</button>
</body>
</html>
定義一個全局變量就可以了