Несколько месяцев назад в этой статье указывалось, что на самом деле классов можно было бы избежать вместе с развитием веб-сайта.
Мой вопрос: насколько эффективны селектора данных по сравнению с селекторами классов?
Простым примером может быть сравнение запросов для элементов с data-component='something'
по сравнению с элементами с class='class1 class2 something anotherClass'
.
Селектор [data-<attr>='<value>']
будет проверять значение в целом по сравнению с строкой класса, которая должна быть разделена. Имея это в виду, атрибуты данных должны быть быстрее.
Итак, чтобы уточнить вопрос, в случае CSS, нам лучше с селектором селектора или селектором данных? И с точки зрения javascript, jQuery("[data-component='something']")
будет более эффективным, чем jQuery(".something")
?