Question

从学术上讲，我处于两难境地。我无法在选择一堆DIV的两种方法之间做出决定 - 两者都完美无缺，所以这真的是代码的优点。什么是首选的教科书范例？为什么是一个而不是另一个？

var bunch_1 = $("[id$=viltersten]");
var bunch_2 = $(".konrad");

我能想到的唯一区别是，在我们添加其他DIV的情况下，类别选择更加强大，因为分类法不需要被尊重。另一方面，这需要程序员记住对新添加的DIV进行分类。另外，在这种特殊情况下，id后缀是相当特定的，并且可以假设碰撞永远不会发生。

将这些考虑放在一边，这将是一种首选方法，为什么？

Answer 1

您应该使用.class，因为：

这是课程的目标
更具可读性
它更快（好吧，我们不在乎，没有显着差异）
不可能发生ID冲突

例如：

<div class='konrad' data-id="15">content</div>
<div class='konrad' data-id="51">content</div>

$('.konrad').each( function() {
  console.log( $(this).data("id") ); // will print 15, then 51
});

// edit one element : here, an ID might be better
$('.konrad[data-id="51"]').text('content changed');

此代码非常易于阅读，易于维护，并且HTML易于生成（即循环播放）。

您可以为每个项目使用ID 和类，但如果您需要全部选择它们，我建议您使用类选择器。

CSS使用相同。

选择组件的首选方法 - 通过类似的ID或类

1 个答案: