“停止将CSS选择器用于非​​CSS”

我前几天看到Nicole Dominguez发推文：

为后面的人大声说https://t.co/prDKo5QaZi

-nicole（@sodevious） 2018年1月11日

我当时不在这次会议上，所以背景很少。 通常，考虑通过查看两张上下文无关的幻灯片带来的主题，我认为这是一种错误，但是我只是出于兴趣而权衡并继续进行对话。

这个想法似乎是，如果您需要使用JavaScript在DOM中选择一个元素，请不要使用与CSS中相同的选择器。

所以如果你有...

<article class="article">
</article>

…由于某种原因，您需要将事件监听器应用于该文章，然后不要使用…

$(".article")

（或querySelector或其他任何类型，我认为。）

而是应用仅用于JavaScript定位的属性，例如…

<article class="article" data-hoverable>
</article>

…并瞄准…

$("[data-hoverable]")

想法是您可以分开工作。 该类负责样式设计，而data属性负责JavaScript处理。 两者都可以改变而不会互相影响。

对我来说似乎合理。

似乎这里也有很多要谈论的话题。 我想应该是性能，但这可能是最没意思的事情，因为这些天选择器通常很快就死了。 我们可以通过谈论以下内容继续对话：

• 什么命名约定？
• 您应该为事件命名吗？
• 如果由于多种原因需要多次选择该怎么办？
• 您可以还是应该使用ID？
• 如果可以的话，是否值得完全避免选择DOM？
• 此讨论还有哪些其他细微差别？

我看到Michael Scharnagl 对自己使用的ID，类和数据属性有一些想法，这些想法可能会有所帮助。

翻译自: https://css-tricks.com/stop-using-css-selectors-non-css/