detach()
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
<style type="text/css">
p {
color: red;
}
</style>
</head>
<body>
<p>P元素1，默认给绑定一个点击事件</p>
<p>P元素2，默认给绑定一个点击事件</p>
<button id="bt1">点击删除 p 元素</button>
<button id="bt2">点击移动 p 元素</button>
<script type="text/javascript">
$('p').click(function(e) {
alert(e.target.innerHTML)
})
var p;
$("#bt1").click(function() {
if (!$("p").length) return; //去重
p = $("p").detach()
});
$("#bt2").click(function() {
//把p元素在添加到页面中
//事件还是存在
$("body").append(p);
});
</script>
</body>
</html>
个回答
-
- waiting_warm
- 2018-03-14 15:33:58
$("#bt1").click(function() {
if (!$("p").length) return; //去重
p = $("p").detach()
});
如果p的length为0，也就是if条件（!$("p").length）为1，即为真，返回，就不进行下一条语句了。
如果p的length为1，也就是if条件（!$("p").length）为0，即为假，就不return了，才进行下一条语句，保留p的数据，然后删除p（我认为可以理解为逻辑删除）
哪位亲如果觉得不对请指正