当前位置：文江博客话题详情

实时查询性能

发布于 2024-10-14 21:24:49 字数 270 浏览 8 评论 0原文

我最近发现 jQuery 的 livequery 插件可能非常浪费，因为它不使用事件委托，而是绑定所有可绑定事件，并在每次更改时重新检查整个 DOM（

如果有人对使用 livequery 和 .live() 的最佳实践有更多信息或建议），我将非常感激

原文

分享到QQ

分享到微博

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

发布评论

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

花想c 2024-10-21 21:24:49

您实际上很少需要像 livequery 这样的插件。也许您真正需要它的唯一时间是您需要对您无法修改的其他 jQuery 代码对 DOM 所做的更改做出反应。

虽然.live()确实使用了事件委托，但它是在文档级别上进行的，这意味着它需要处理文档上的所有事件页面以查看它们是否与每个事件类型提供的选择器匹配。

这两者的更好替代方案（IMO）是 delegate()^{< i>(docs)} 方法，它使用事件委托，就像 .live() 一样，但允许您将其限制到页面的特定部分。

$('#someContainer').delegate('a.someButton', 'click', function() {
    // do something when an "a.someButton" inside "#someContainer" is clicked
});

请注意，事件委托方法响应浏览器事件，而不是对 DOM 的更改。如果您需要根据对 DOM 所做的更改来运行某些代码，则需要在对 DOM 进行更改时运行该代码。

It is rare that you would actually need a plugin like livequery. Probably the only time you really need it is if you need to react to changes to the DOM made by some other jQuery code that you can not modify.

While .live() does use event delegation, it does it on the document level, which means that it needs to process all events on the page to see if they match the selectors provided per event type.

A better alternative (IMO) to both of those is the delegate()^(docs) method which uses event delegation just like .live(), but lets you constrain it to a specific portion of the page.

$('#someContainer').delegate('a.someButton', 'click', function() {
    // do something when an "a.someButton" inside "#someContainer" is clicked
});

Note that event delegation methods respond to browser events, not to changes to the DOM. If you need to run some code based on a change to the DOM you've made, you need to run that code when you make that alteration to the DOM.

回复收藏 0 原文

~没有更多了~