Is it possible to remove all events attached to an element and its children

Question

I need to be able to remove events attached to an element and all its children even when I don't know what these events are. All the events are attached using jquery.

Answer 1

For jQuery 1.8 and later, use

$(element).find("*").addBack().off();

addBack() adds the original list of elements from $(element) back to the internal collection of elements held by the jQuery object (those returned by find("*")). off() removes all attached event handlers, including those using delegation.

If you just want children and not all descendants, use

$(element).children().addBack().off();

See the documentation:

• addBack()
• off()

---

For jQuery 1.7 and lower, use andSelf() instead of addBack(). For jQuery 1.6 and lower, use unbind() and die() instead of off(). For example:

$(element).children().andSelf().unbind().die();

Answer 2

andSelf() function is deprecated.

Use add() function:

$(element).add("*").off();