Является ли плохой практикой использование класса с jquery и css?

Этот вопрос немного противоположный этому: Является ли его плохая форма использовать атрибуты 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?

Ответ 1

Мне лично нравится отделять стиль от функции для лучшего повторного использования.

Вы можете использовать .myItem для CSS и добавить класс, например .formProcess, или все, что он может использовать в вашей JS.

Таким образом, если люди UX удаляют или изменяют свои классы, ваши функции все еще работают... И они могут быть повторно использованы в другом месте, если такая же необходимость существует.

Ответ 2

Мне нравится использовать метод SMACCS, где класс используется для обозначения модуля, который должен быть автономной группой элементов html. Затем класс используется для идентификации модуля для css и javascript.