• jQuery

jquery で 意識したいこと 基本

時々見ておきたい、jqueryの記述。基本。
えりを正して、記述する。

・複数の記述はしない。

var $header = $('#header');

$header.css('color', 'red');
$header.fadeTo(1000, 0.3);
$header.addClass('myClass');

・変数はまとめて、宣言できる

var $hoge, $muga, $dororo;

・メソッドチェーンはほどほどに
以下のようなメソッドチェーンの書き方は、読みづらい。

$(function()
{
     $('#sample').css('color', 'blue').fadeTo(1000, 0.3).addClass('myClass');
});

こうした方が、コメントアウトしたり、読みやすい。

$(function()
{
     var $sample = $('#sample');

     $sample.css('color', 'blue');
     $sample.fadeTo(1000, 0.3);
     $sample.addClass('myClass');

});