亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

detach()

<html>


<head>

? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

? ? <script src="http://www.xianlaiwan.cn/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>

http://img1.sycdn.imooc.com//5aa808ad00010ecd12750669.jpg

正在回答

1 回答

? $("#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(我認為可以理解為邏輯刪除)

哪位親如果覺得不對請指正

2 回復 有任何疑惑可以回復我~
#1

web_東 提問者

非常感謝!
2018-03-15 回復 有任何疑惑可以回復我~
#2

waiting_warm 回復 web_東 提問者

不客氣
2018-03-15 回復 有任何疑惑可以回復我~
#3

weixin_慕勒2266735

如果不去重,連續點擊兩次刪除,再添加就加不上了,請問連續點擊刪除到底發生了什么?
2019-02-21 回復 有任何疑惑可以回復我~
#4

waiting_warm 回復 weixin_慕勒2266735

我就說說我的理解,還是那句話,哪位親覺得不正確請指正 第一次點刪除,移除了p,保存了它原有p的對象 第二次點刪除,p已經不存在了,但是依慣例還是要保存,但沒有p東西給他保存,空了,所以也就添加了空的
2019-03-22 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消
jQuery基礎(二)—DOM篇
  • 參與學習       114002    人
  • 解答問題       614    個

jQuery第二階段開啟DOM修煉,了解創建、插入、刪除與替換

進入課程
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號