2

jQuery でオブジェクトを操作するときに、CSS と DOM 表記の使用に大きな違いがあるかどうか疑問に思っています。

オブジェクトの背景位置を変更したいとします。次のいずれかを使用できます。

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

また：

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

1つ目はCSS表記、2つ目はDOM表記だと理解しています。ここでの質問は次のとおりです。これはいつ問題になりますか? ブラウザーのパフォーマンスや考慮すべきその他の考慮事項に関して、顕著な違いはありますか?

4

1 に答える 1

3

jQuery は、ハイフンでつながれた CSS プロパティを自動的にキャメル ケースします。キャメルケースバージョンを使用する方がおそらくわずかに効率的ですが、おそらくパフォーマンスのボトルネックではないため、気にする必要はありません.

コードを読みやすく理解しやすいバージョンを使用する必要があります。

于 2013-10-29T20:33:34.040 に答える