使用jQuery应用css的最佳方法

Question

对于使用＆＃39;！important＆＃39;应用CSS，我们需要使用循环，因为IE8和IE9不支持以下代码

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

我提出了以下解决方案，该解决方案适用于所有浏览器（在IE 8 - 11上测试，Chrome，Firefox和Safari在Windows机器上运行）

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

优点：

1. 避免检查现有的财产声明。
2. 无需附加您的css代码。
3. 无需使用循环进行迭代。
4. 可以使用相同的功能而无需使用＆＃39;！important＆＃39;。因此，不需要为同一目的使用两种不同的功能。
5. 不会覆盖现有的内联样式声明，例如设置＆＃39; style＆＃39;各种方式的属性。

我们能否更好地解决这个问题？

Answer 1

你不需要迭代所有元素。你可以简单地设置css：

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