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 属性。仅使用驼峰式大小写版本可能效率更高一些，但您甚至不应该在意，因为它可能不是性能瓶颈。

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