jQuery против CSS предпочтительных или принятых стилей

Question

У меня есть следующее изображение загрузки:

<img id="loading" src="loading.gif" />

Чтобы показать / скрыть его во время вызова AJAX, у меня есть несколько решений.Например, я могу скрыть это, добавив класс, соответствующий стилю CSS:

$('#loading').addClass('hidden');

.hidden { display: none; }

В качестве альтернативы, я могу использовать jQuery .show() и .hide().В этом конкретном примере последний подход менее многословен.

Какие сценарии выигрывают от добавления CSS «на лету»?Я читал «Ненавязчивый JavaScript», который рекомендует внедрять все JS в DOM, используя jQuery по адресу $ (document) .ready ().

Есть ли метод передового опыта, который четко разделяет CSS и jQuery вПодобным образом?

Answer 1

Если вы хотите установить начальное состояние со стороны сервера, тогда было бы лучше использовать классы, так как это позволит избежать необходимой инициализации на стороне клиента ( с возможным миганием содержимого ).

Вы также обычно используете селекторы классов с jquery, поэтому всегда легче играть с классами (для меня по крайней мере ), чем пытаться выяснить, было ли изменено свойство в CSS элемента .

В итоге все сводится к тому, что вы чувствуете себя более комфортно, работая с ..