<!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>
扫一扫
244
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
