detach()与remove()的区别
2018-07-28 本文已影响0人
94very
移除事件detach()与remove()
相同点:两者都是将节点移除,但未删除,用一个变量保存起来,之后还可以调用。
不同点:detach()是将该节点的绑定事件一起保存,而remove()只是将节点保存,绑定事件删除。
下来我们看个例子
代码如下

效果图如下

第一个图片绑定了一个点击事件,可以将图片放大一倍。
remove()按钮绑定了一个点击事件,将第一个图片通过remove()函数移入框内。
detach()按钮也绑定了一个点击事件,将第一个图片通过detach()函数移入框内。
先点击remove()按钮,再点击被移入的图片,效果如下

点击detch()按钮,再点击被移入的图片,效果如下

这就是detach()与remove的相同点与区别。