语法上适用于多个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