javascript - 有没有办法写这个更短或更有效?

标签 javascript jquery jquery-on

我有十个这样的代码块,都是动态创建的内容:

$(document).on('click', '.item' , function() {
    //... do something
});

$(document).on('click', '.element' , function() {
    //... do something different
});

有没有办法写得更短或更高效?

最佳答案

您可以缓存您的文档选择器。

var $document = $(document);

$document.on('click', '.item' , function() {
    //... do something
});

$document.on('click', '.element' , function() {
    //... do something different
});

但仅此而已。

编辑:为我的 jsPerf 贡献一个测试如果你想要硬数据。

关于javascript - 有没有办法写这个更短或更有效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20440683/

相关文章:

javascript - Cypress - 使用 JQuery 对 XHR 请求的 XML 响应解析

javascript - DOM 创建元素上的 jQuery .on() 函数问题

jquery - 有没有办法在每个元素实例上解除委托(delegate)事件的绑定(bind)?

javascript - 错误 : Invalid hook call. 只能在函数组件主体内部调用 Hooks。使用 React.js 时

JavaScript + JQuery 矢量 map

javascript - 如何在 "Marker1"、 "Marker2"等循环中创建 Google map 标记

jquery - 无限轮播不起作用

javascript - PHP 代码在 chrome 中返回空,在 firefox 中返回值,我该如何调查原因?

javascript - 在不禁用的情况下使输入不可编辑

Jquery On 而不是 Live 用于动态输入