减少用于加速交互的 jquery 选择器的数量

【问题标题】：Reduce the amount of jquery selectors being used to speed up interactions减少用于加速交互的 jquery 选择器的数量
【发布时间】：2011-07-27 08:26:39
【问题描述】：

我有一个包含多个选择器的页面。每个都有一个点击事件。我只是想知道有没有办法组合这些选择器，甚至做一个全局选择器并让 jQuery 找到被点击的内容？

【问题讨论】：

首先没有神奇的解决方案，性能增强将特定于您的 HTML / jQuery 代码，您需要分享它以帮助我们。
请提供一些代码 ....................

标签： javascript jquery performance events dom-events

【解决方案1】：

“做一个全局选择器，让 jQuery 找到点击的内容？”

$('select').click ( function () {
    console.log ('A ', this.nodeName, ' was clicked\n',
        'It had an id of: ', this.id
    );
    /* Etc., etc.  You can use jQuery or standard DOM to 
        tell most anything about the element that was clicked.
    */
} );

【讨论】：

【解决方案2】：

如果我理解你的问题是正确的，你想要做的是通过给他们一个类 .my_selector_class 来对他们进行分组。

然后添加点击事件

$('.my_selector_class').click(function(){

})

并使用内部的$(this) 选择器，仅反映实际点击元素的变化。

不过，这对性能的最大作用是通过减少加载时获取的字节数来加快页面加载时间。

【讨论】：