В последнее время мне стало интересно, как лучше всего выполнить javascript-действия для нескольких элементов.
Как я вижу, есть две возможности:
- Либо я добавляю класс css к моим элементам, который не обязательно соответствует любым существующим правилам css:
<div class="validation-required"></div>
- Или я использую атрибут data так:
<div data-validation-required></div>
В моей IDE (Visual Studio 2012 с использованием R #), если я использую первый метод, я получаю предупреждение о том, что я не должен использовать css-классы, которые не определены. Что заставляет меня думать, что это может быть не самая лучшая идея. Тем не менее, это метод, который я чаще всего использовал, хотя это может быть просто реликвией за несколько дней до того, как мы сможем использовать атрибут data.
Итак, мой вопрос довольно прост, и каким образом я должен просто "пометить" элемент для дальнейшей обработки?
Спасибо за любые ответы
PS: Я понимаю, что этот вопрос может быть склонен к субъективным мнениям, хотя я надеюсь, что есть консенсус о том, что использовать в современных браузерах.
PPS: я сделал поиск по этому вопросу, но большинство вопросов касательно производительности, что не является моей основной задачей для одноразовых ситуаций.