Этот вопрос немного противоположный этому: Является ли его плохая форма использовать атрибуты CLASS без соответствующего правила CSS?
В моем коде есть несколько мест, где у меня есть список вещей, которые я хочу обработать с помощью jQuery:
<div class="myitem" id="item1">...</div>
<div class="myitem" id="item2">...</div>
<div class="myitem" id="item3">...</div>
<div class="myitem" id="item4">...</div>
Я обрабатываю их с помощью некоторого кода javascript, например:
$(".myitem").click(function() { ... });
Эти элементы также имеют стиль css, например:
.myitem { border: 2px solid green; }
Это большой проект с выделенным персоналом для работы с ux-элементами (включая взлом css и html) и программистами, которые больше ориентированы на javascript и другой код.
Должен ли я изменить это, чтобы использовать отдельный класс для jquery-материала, поэтому мы не случайно переименовываем или удаляем класс css, думая, что мы просто работаем с графическим видом? Будет ли новый класс для javascript вводить больше проблем? Есть ли какая-то стандартная обман кода, которую мы могли бы использовать, чтобы помочь нам работать с этим html?
Мне лично нравится отделять стиль от функции для лучшего повторного использования.
Вы можете использовать .myItem для CSS и добавить класс, например .formProcess, или все, что он может использовать в вашей JS.
Таким образом, если люди UX удаляют или изменяют свои классы, ваши функции все еще работают... И они могут быть повторно использованы в другом месте, если такая же необходимость существует.
Мне нравится использовать метод SMACCS, где класс используется для обозначения модуля, который должен быть автономной группой элементов html. Затем класс используется для идентификации модуля для css и javascript.