JQuery类选择器vs id选择器

Question

我有7个不同的按钮,点击时都执行相同的JavaScript功能.我应该使用类选择器或id选择器.

$("input.printing").on("click", function(event) {
     printPdf(event);
});

要么

   $("#package1Pdf").click(function(event) {
         printPdf(event);
   });
$("#package2Pdf").click(function(event) {
         printPdf(event);
   });
$("#package3Pdf").click(function(event) {
         printPdf(event);
   });
$("#package4Pdf").click(function(event) {
         printPdf(event);
   });

每个的优点和缺点是什么？哪个更优选.

Answer 1

您可以使用没有多个选择器的ID过滤器:

$('[id^="package"]').click(printPdf);

以上将选择以"package"开头的所有id.这意味着差异主要是语义上的.您应该选择对您的应用程序及其开发方式最有意义的内容.

请参阅jQuery属性选择器页面以了解jQuery选择的灵活性.在此页面上保留书签可以防止您再次编写类似第二个示例的代码.

哪个更好？

如果您设置了结构,以便您拥有一个逻辑上正确定义适当元素集的类,那么您应该选择使用它.

同样,如果您已经给出了特别命名的ID元素,并且没有附加表示您要选择的描述性类名,那么请使用ID选择.几乎所有应用程序都不会考虑性能差异,包括您的应用程序.