Question

如果我使用jQuery将click事件绑定到许多不同的选择器，如下所示：

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

在语法上解决这个问题的行业标准方法是什么？它们是另一种方法吗？

Answer 1

我认为这是最好的方法，如果您确定您想要多少选择器：

＆＃13;

var selectors = [
    ".main-nav a",
    ".sub-nav a",
    ".all",
    ".other",
    ".selectors"
];

scrollToPoint(selectors.join(', '));

function scrollToPoint(sel){
  $('#selectors').text(sel);  
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="selectors"></div>

＆＃13;

Answer 2

选择器优化不像以前那么重要，因为越来越多的浏览器实现了document.querySelectorAll（），并且选择的负担从jQuery转移到了浏览器。来自jQuery's official site.

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

2 个答案: