jQuery.fn.css
はHTML要素の任意のCSSプロパティの値を取得します。
$('#sample').css('padding-left'); // => #sample 要素の padding-left の値が返される
1.以前は jQuery.fn.css
は一度に1つのプロパティしか取得できませんでしたが、1.9からは配列を渡すことで一度に取得することができます。
var props = $('#sample').css(['padding-left', 'padding-right']);
props['padding-left']; // => #sample の padding-left
props['padding-right']; // => #sample の padding-right
パフォーマンス
jQuery.fn.css
は内部的に window.getComputedStyle
を使っています。配列を使った指定の場合 jQuery
のメソッド呼び出しの回数が抑制されることに加えて、内部関数の実行回数も抑制されるのでパフォーマンスが良いようです。