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

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

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

<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，默認(rèn)給綁定一個點(diǎn)擊事件</p>
????<p>P元素2，默認(rèn)給綁定一個點(diǎn)擊事件</p>
????</div>
????<button?id="bt1">點(diǎn)擊刪除?p?元素</button>
????<button?id="bt2">點(diǎn)擊移動?p?元素</button>
????<script?type="text/javascript">
????$('p').click(function(e)?{
????????alert(e.target.innerHTML)
????})
????var?p;
????$("#bt1").click(function()?{
????????if?(!$("p").length)?return;?//去重
????????//通過detach方法刪除元素
????????//只是頁面不可見，但是這個節(jié)點(diǎn)還是保存在內(nèi)存中
????????//數(shù)據(jù)與事件都不會丟失
????????p?=?$("p");
????????$("p").parent().html("");
????});

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

</html>