jQuery 点击多个选择器

Question

我想知道哪种方法更好以及为什么:A)单击一个文档并使用多个选择器，B)单击多个文档。

A 的选择器也有限制吗？谢谢。

A)

$(document).on('click', '#a, #b, #c, #d, #e', function(e){

});

对比

B)

$(document).on('click', '#a', function(e){

});


$(document).on('click', '#b', function(e){

});

$(document).on('click', '#c', function(e){

});

$(document).on('click', '#d', function(e){

});

$(document).on('click', '#e', function(e){

});

Answer 1

选项A称为多选择器方法http://api.jquery.com/multiple-selector/ - 选择所有指定选择器的组合结果

You can specify any number of selectors to combine into a single result. This multiple expression combinator is an efficient way to select disparate elements. The order of the DOM elements in the returned jQuery object may not be identical, as they will be in document order. An alternative to this combinator is the .add() method.

性能(选择器) = id、类、标签、伪、属性选择器 ==> http://jsperf.com/id-vs-class-vs-tag-selectors/2

我看到的多个选择器的优点:

• 易于使用
• 少写(代码紧凑)
• 如果您的所有 ID 都具有相同的功能，则完全支持 YAGNI。好请阅读:http://c2.com/cgi/wiki?YouArentGonnaNeedIt

推荐

如果所有的 id 都做同样的事情，请考虑使用 class 属性而不是这么多 id

像这样

$(function() {
    $(".classname").click(function() {

    });
});​