避免使用jQuery内联css中的双引号

Question

每当我用jQuery添加内联css时,它也会改变已存在的内联css的格式.例如,如果我在网址中没有任何引号的背景图片,我会添加类似的东西

$('.element').css('padding', '10px');

它将重新格式化完整的内联css.(例如background-color: #ffffff;转移到 - >background-color: rgb(255,255,255);

这是一个小小提琴. https://jsfiddle.net/chickberger/ppas2zrh/1/

我猜这只是应用于内联样式的jQuery/javscript语法.如果是这样的话有机会避免这种情况吗？我的主要问题是背景图片网址上的双引号.

Answer 1

这不是jquery，而是浏览器。
将代码替换为$('.style-me')[0].style.padding = '10px'，什么都不会改变。

它发生在 mozilla 中，但不会发生在 chrome 中。而你对此无能为力。除了可能做类似的属性

$('.style-me').attr('style',
  $('.style-me').attr('style') + ';padding:10px'
)

这是个坏主意。