语法上适用于多个jQuery选择器的最佳实践

如果我要使用如下所示的jQuery将点击事件绑定到很多不同的选择器:

scrollToPoint('.main-nav a, .sub-nav a, .enquire-btn, #showcase-list a, #showcase-more-info a.back-btn')

什么是行业标准方法,以语法形式表达并且是他们的替代方法?


我认为这是最好的方法如果你确定你想要很多选择者:

var selectors = [
    ".main-nav a",
    ".sub-nav a",
    ".all",
    ".other",
    ".selectors"
];

scrollToPoint(selectors.join(', '));

function scrollToPoint(sel){
  $('#selectors').text(sel);  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="selectors"></div>

选择器优化不像以前那样重要,因为更多的浏览器实现document.querySelectorAll()并且选择的负担从jQuery转移到浏览器。 来自jQuery的官方网站。

链接地址: http://www.djcxy.com/p/83459.html

上一篇: Best practice syntactically for multiple jQuery selectors

下一篇: combine jquery .on() on multiple divs