                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(二)—DOM篇

.parent.html("")和.detach()的區別

都是不清空已注冊的事件吧然而我這么寫就無法調用事件了

<html>

<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<script?src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
????<style?type="text/css">
????p?{
????????color:?red;
????}
????</style>
</head>

<body>
????<div>
????<p>P元素1，默認給綁定一個點擊事件</p>
????<p>P元素2，默認給綁定一個點擊事件</p>
????</div>
????<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;?//去重
????????//通過detach方法刪除元素
????????//只是頁面不可見，但是這個節點還是保存在內存中
????????//數據與事件都不會丟失
????????p?=?$("p");
????????$("p").parent().html("");
????});

????$("#bt2").click(function()?{
????????//把p元素在添加到頁面中
????????//事件還是存在
????????$("div").append(p);
????});
????</script>
</body>

</html>