在 jQuery 中，如果删除一个元素，该元素上的任何事件都会被删除吗？

发布于 2024-08-06 14:37:33 字数 212 浏览 9 评论 0原文

例如，如果我有一个链接，其中绑定了以下事件：

$("a.d").bind("click", this, onDelete);

然后执行：

$("a.d").remove();

可以吗？或者它会导致内存泄漏，我需要先调用 unbind 吗？

感谢您的任何帮助。

原文

For example if I have a link with the following event bound to it:

$("a.d").bind("click", this, onDelete);

And later do:

$("a.d").remove();

Is that fine? Or does it cause a memory leak and I need to call unbind 1st?

Thanks for any help.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

分分钟 2024-08-13 14:37:33

来自 jQuery 文档中的remove()

从列表中删除所有匹配的元素
DOM。这不会将它们从
jQuery 对象，允许您使用
进一步匹配元素。笔记
该函数从1.2.2开始
还将删除所有事件处理程序
和内部缓存的数据。

回复收藏 0 原文

平定天下 2024-08-13 14:37:33

我还没有测试过它，但我相信删除元素将解除其事件处理程序的绑定。我从 jQuery API 文档（搜索删除）得出这个结论，其中指出如果您想移动从 DOM 的一个部分到另一部分的元素：

$("#foo").remove().appendTo("#bar");

应编写以

$("#foo").appendTo("#bar");

避免丢失事件处理程序。

I haven't tested it, but I believe that removing an element will unbind its event handlers. I come to this conclusion from the jQuery API documentation (search for remove) which states that if you want to move an element from one part of the DOM to another that:

$("#foo").remove().appendTo("#bar");

should be written as

$("#foo").appendTo("#bar");

to avoid losing the event handlers.

回复收藏 0 原文

Bonjour°[大白 2024-08-13 14:37:33

答案是肯定的，只要该事件是用 jQuery 附加的。如果附加诸如“onclick”之类的东西，我不相信它会。

本文讨论了其中的一些内容。它还定义了一个递归函数来删除元素及其所有子元素的所有单击事件。它将涵盖 jQuery 单击处理程序以及使用 onclick 定义的处理程序，以便您了解。

http://www. Computerhowtoguy.com/how-to-use-the-jquery-unbind-method-on-all-child-elements/

function RecursiveUnbind($jElement) {
    // remove this element's and all of its children's click events
    $jElement.unbind();
    $jElement.removeAttr('onclick');
    $jElement.children().each(function () {
        RecursiveUnbind($(this));
    });
}

要使用前面示例中的函数，我们将调用该函数并将其传递给“容器”div作为 jQuery 对象。

RecursiveUnbind($('#container'));

The answer is yes, so long as the event was attached WITH jQuery. If attached with something like "onclick" I don't believe it will.

This article discusses some of that. It also defines a recursive function to remove all click events for an element and all of its children. It will cover jQuery click handlers as well as handlers defined with onclick so you're covered.

http://www.computerhowtoguy.com/how-to-use-the-jquery-unbind-method-on-all-child-elements/

function RecursiveUnbind($jElement) {
    // remove this element's and all of its children's click events
    $jElement.unbind();
    $jElement.removeAttr('onclick');
    $jElement.children().each(function () {
        RecursiveUnbind($(this));
    });
}

To use the function in the previous example we would call the function passing it the “container” div as a jQuery object.