<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>remove()与detach()区别</title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
$('div').click(function(){
alert('tony');
})
// var oDiv=$('div').remove();
var oDiv=$('div').detach();
// remove()与detach()都是移除节点,detach()移除后再追加还有原节点的事件,remove则没有;
// 如本例中 detach$('div')后,再在body中追加此$('div').detach(),$('div')还有点击事件效果;
$('body').append(oDiv);
})
</script>
</head>
<body>
<div>div1<span>span</span></div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>remove()与detach()区别</title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
$('div').click(function(){
alert('tony');
})
// var oDiv=$('div').remove();
var oDiv=$('div').detach();
// remove()与detach()都是移除节点,detach()移除后再追加还有原节点的事件,remove则没有;
// 如本例中 detach$('div')后,再在body中追加此$('div').detach(),$('div')还有点击事件效果;
$('body').append(oDiv);
})
</script>
</head>
<body>
<div>div1<span>span</span></div>
</body>
</html>