Лучший способ применить CSS с помощью JQuery

Question

Для применения CSS с «важно!», Мы должны использовать цикл в настоящее время, так как следующий код не поддерживается в IE8 и IE9

$('.YourClass').css('width','100px !important');

я пришел к следующему решению который работает во всех браузерах (проверено на IE 8 - 11, Chrome, Firefox и Safari работает на окнах машины)

$('.YourClass').each(function(){this.style.setProperty('width', '100px', 'important')});

Преимущества:

1. Избегайте проверки существующей декларации свойств.
2. Не нужно добавлять код css.
3. Не нужно итерации с использованием цикла.
4. Та же функция может использоваться без использования '! Important'. Поэтому нет необходимости использовать две разные функции для одной цели.
5. Не перезаписывает существующее объявление встроенного стиля, как атрибут «стиль» различными способами.

Можем ли мы сделать это решение лучше?

Answer 1

Вам не нужно перебирать все элементы. вы можете просто установить CSS:

$('.YourClass').css('width','100px !important');