javascript - 多个 jQuery 选择器的最佳语法实践

Question

如果我使用 jQuery 将单击事件绑定(bind)到许多不同的选择器，如下所示:

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

从语法上阐述这一点的行业标准方法是什么？他们是替代方法吗？

Answer 1

如果您确定需要那么多选择器，我认为这是最好的方法:

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>