Если бы я связать событие щелчка, чтобы много различных селекторы с помощью JQuery, как следующее:Лучшая практика синтаксический для нескольких селекторов JQuery
scrollToPoint('.main-nav a, .sub-nav a, .enquire-btn, #showcase-list a, #showcase-more-info a.back-btn')
Какого метод промышленного стандарта, чтобы заложить на это синтаксический и их альтернативный подход?
Оптимизация селектора менее важна, чем раньше, поскольку больше браузеров реализует document.querySelectorAll(), а бремя выбора переходит из jQuery в браузер. Происходил из jQuery's official site.
Я думаю, что это лучший вариант, если вы уверены, что нужно так много СЕЛЕКТОРОВ:
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>
Лучший подход заключается в том, что вы можете иметь один и тот же класс для всех элементов, которые вам хотите выбрать. –
Возможный дубликат [событий JQuery с одним кликом для нескольких элементов] (http://stackoverflow.com/questions/1313373/jquery-same-click-event-for-multiple-elements) –
@NiravGandhi Это не дубликат. Очевидно, ОП понимает, как * нацелиться на несколько элементов. – George