Example of usage of detach() method in jQuery_jquery

The example in this article describes the usage of the detach() method in jQuery. Share it with everyone for your reference. The specific analysis is as follows:

This method removes all matching elements from the DOM.

Note: The detach() method will not delete the matching elements from the jQuery object, so these matching elements can be used again in the future. Unlike remove(), all bound Events, attached data, etc. are retained.

Grammar structure:

Copy code The code is as follows:

$(selector).detach(expr)

Parameter list:

参数	描述
expr	可选。用于筛选被删除元素的jQuery表达式。

Example code:

Example 1:

Copy code The code is as follows:

Welcome to the script home

Script House welcomes you

Click to see the effect

The above code can delete the div with the id value first in the div collection.

Example 2:

Copy code The code is as follows:

Welcome to the script home

Script Home welcomes you

Click to see the effect

If the method has no parameters, all matching elements will be deleted.

Example 3:

Copy code The code is as follows:

Welcome to the script home

Script House welcomes you

Delete div effect
View the number of divs after deletion

As can be seen from the running results of the above code, this method does not delete the div from the jquery object.

I hope this article will be helpful to everyone’s jQuery programming.