javascript - 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 属性。仅使用驼峰式版本可能会稍微高效一些，但您甚至不应该关心，因为它可能不是性能瓶颈。

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