jQuery中CSS和DOM表示法之间的区别？

Question

我想知道在jQuery中操作对象时使用CSS与DOM表示法之间是否存在显着差异。

假设我想要更改对象的背景位置，我可以使用：

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

或：

$(this).css({
  'backgroundPosition' : xPos + 'px ' + yPos + 'px'
  //         ^
});

我知道第一个是CSS表示法，第二个是DOM表示法。这里的问题是：这什么时候重要？浏览器性能或需要考虑的其他注意事项是否存在明显差异？

Answer 1

jQuery自动驼峰案例连字符CSS属性。使用驼峰版本的效率可能略高一些，但您甚至不应该关心它，因为它可能不是性能瓶颈。

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