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

Posted 2021-05-03

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

答案

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

$('select').click ( function () {
    console.log ('A ', this.nodeName, ' was clicked
',
        '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.
    */
} );

另一答案

如果我理解你的问题是正确的，那么你想要做的就是给他们一个类.my_selector_class。

然后添加单击事件

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

})

并使用内部的$(this)选择器，仅反映实际单击元素的更改。

但这对性能的影响最大的是通过减少加载时获取的字节来加快页面加载时间。