jQuery detach()

jQuery detach()方法用于删除选定的元素，包括所有文本和子节点，并且仅保留数据和事件。

此方法将保存已删除元素的副本，以在以后需要时重新插入它们。

还有一些其他方法可用于删除元素，例如jQuery remove()方法，jQuery empty()方法等。但是它们之间有一些区别。

jQuery remove()方法：此方法用于删除元素及其数据和事件。

jQuery empty()方法：此方法用于仅从所选元素中删除内容。

句法：

$(selector).detach()

jQuery detach()方法的示例

让我们以一个示例来演示jQuery detach()方法的效果。

Hello Guys!
This is javatpoint.com
Click here to detach all p elements

 

jQuery detach()示例2

  
  
  
  


Hello Guys!
This is javatpoint.com
Click here to Attach/detach all p elements. 

detach()和remove()方法之间的区别

让我们举一个例子来清除detach()和remove()方法之间的区别：

jQuery detach()示例3

This paragraph will keep its click event even after it is moved.
This paragraph will not keep its click event after it is moved.
Detach and append p element
Remove and append p element

通过上面的示例，很明显jQuery detach()方法不会删除内部数据和事件。在上面的示例中，即使应用了detach()方法，click事件仍然保持安全。