jquery - 组合 $.css() 调用的性能改进？

Question

对于我正在维护的 jQuery 应用程序，我最近所做的更改涉及采用如下代码:

$someElement.click(function (e) {
  e.preventDefault();

  $someOverlay.css('left', e.pageX);
  $someOverlay.css('top', e.pageY);
  $someOverlay.fadeIn();
});

并将其修改为:

$someElement.click(function (e) {
  e.preventDefault();

  $someOverlay.css({
    'left': e.pageX,
    'top': e.pageY
  });

  $someOverlay.fadeIn();
});

当我发现可以简单地将对象传递给 $.css() 方法时，我做出了这一更改。当然，正如我习惯做的那样，我必须考虑这样做的性能影响。在我看来，调用一次 $.css() 比调用两次 $.css() 更有效......但是，这也是 JavaScript，它我并不像 C# 那样精通这种语言。

那么，问题:上面的哪段代码是将某些 CSS 应用于元素的更高效的方法？

Answer 1

第一个答案:这几乎肯定不重要。

第二个答案:如果您浏览一下 jQuery css 方法(这绝非易事!)，您会发现使用组合形式可能更有效(传入一个规范对象) )。