jquery跨浏览器css3内联样式

Question

有可能从 jquery 得到这样的东西吗？

<div id="test" style="background: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
background: -moz-linear-gradient(top, #2F2727, #1a82f7);"/>

当我使用时:

$("#test").css({
   'background': '-webkit-linear-gradient(top, #2F2727, #1a82f7)',
   'background': '-moz-linear-gradient(top, #2F2727, #1a82f7)'
});

结果是(在 Chrome 中)

<div id="test" style="background: -webkit-linear-gradient(top, #2F2727, #1a82f7); "/>

Answer 1

这在 jQuery 中是不可能的，因为键不能重复。您必须使用$.cssHooks或:

$("#test").css('background', '-webkit-linear-gradient(top, #2F2727, #1a82f7)')
          .css('background', '-moz-linear-gradient(top, #2F2727, #1a82f7)');

我建议使用 *Class 函数，而不是使用 style 设置固定样式: addClass , removeClass和 toggleClass .

对于 HTML，您必须使用 style 属性:

<div id="test" style="background: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
 background: -moz-linear-gradient(top, #2F2727, #1a82f7);"/>