javascript - id 和 js-.. for js apeel in css 有什么区别？

Question

这个问题与文章http://davidwalsh.name/css-do有关.这些方法有什么区别和优点？

<div class="do-launch-login">...</div>

<a class="do-close-modal">...</a>

<input class="do-autocomplete" />

和

<div id ="login" class="launch-login">...</div>

<a id="close" class="close-modal">...</a>

<input id="autocomplete" class="clautocomplete" />

Answer 1

作者称它们为 do- 前缀，我称它们为(并将它们用作)js- 或 jQ- 前缀。
Javascript 在 DOM 操作方面具有广泛的可能应用......而不仅仅是 do-

这些前缀表示 JS 专用的类，这意味着您无法在 style.css 中找到它们，而是作为 script 中某些 Javascript 逻辑的一部分。 js。

此外，您不能多次使用 ID，因为 ID 应该每页唯一，因此，在任何情况下，类都带有前缀以区分其应用程序。
(嗯……do-……看起来还是很有趣。)