Javascript jQuery中CSS和DOM符号的区别?

Javascript jQuery中CSS和DOM符号的区别?,javascript,jquery,css,performance,dom,Javascript,Jquery,Css,Performance,Dom,我想知道在jQuery中操作对象时使用CSS和DOM表示法之间是否有显著区别 假设我要更改对象的背景位置,我可以使用: $(this).css({ 'background-position' : xPos + 'px ' + yPos + 'px' // ^ }); 或: 我知道第一个是CSS符号,第二个是DOM符号。这里的问题是:这什么时候重要?在浏览器性能或其他需要考虑的因素方面是否有任何明显的差异?jQuery会自动使用连字符CSS属性。只使用驼峰式版本可能会稍微

我想知道在jQuery中操作对象时使用CSS和DOM表示法之间是否有显著区别

假设我要更改对象的背景位置,我可以使用:

$(this).css({
  'background-position' : xPos + 'px ' + yPos + 'px'
  //         ^
});
或:


我知道第一个是CSS符号,第二个是DOM符号。这里的问题是:这什么时候重要?在浏览器性能或其他需要考虑的因素方面是否有任何明显的差异?

jQuery会自动使用连字符CSS属性。只使用驼峰式版本可能会稍微高效一些,但您甚至不应该在意,因为这可能不是性能瓶颈


您应该使用使代码更易于阅读和理解的版本。

这真的没关系。不,除了代码可读性之外,没有其他需要考虑的因素。”我知道第一个是CSS符号,第二个是DOM符号“不,那根本不正确。这些只是JavaScript中指定对象属性的不同方式。为什么会被否决?哦,等等,现在我又读了一遍,我意识到你说的是连字符版本,而不是引号的存在(或缺乏)。我会把脚伸进嘴里。我可以想象第二个直接操作文档对象属性,而第一个需要由浏览器的CSS解析器解析,因此基于这个假设,第二个可能更快。但JQuery的另一种魔力可能会将这种推理完全颠倒过来。无论如何,如果差异确实存在的话,那么差异可能会非常小,以至于您必须多次执行这两行来测量差异。如果速度对您如此重要,您就不会为此使用JQuery。长话短说:不用麻烦了。:)好吧,如果差异可以忽略不计,我将坚持使用我熟悉的CSS符号。谢谢你的帮助!
$(this).css({
  'backgroundPosition' : xPos + 'px ' + yPos + 'px'
  //         ^
});