jqueryの});記号について。

Question

私はhtmlファイルに書いたscript、例えば以下の様な。

<script type="text/javascript">

	$(".SBHPThumbnail").css({
	    right:"-350px",
	    opacity:"0.0"
	}).animate({
	    right:"0px",
	    opacity:"1.0"
	},440);
	</script>

これをjsファイルへ書き直す際に、当然「<script type="text/javascript">」は不要になると思うのですが、末尾の }); この記号の使い方が良く理解できていません。

1つで良い場合や、2つ続けて記述しないとエラーになる場合があり、いつもルールがよく分かりません。この記号の記述はどういうルールで記述するのか、
また上記scriptをjsファイルに書き込む際はどのような記述をすれば良いのか教えて頂けますでしょうか。

Answer 1

上記をjsファイルに書き込む時は下記

    $(".SBHPThumbnail").css({
        right:"-350px",
        opacity:"0.0"
    }).animate({
        right:"0px",
        opacity:"1.0"
    },440);

でOKです。

「１つで良い場合や２つ続けて」というのではなく開いたものをかならず閉じるとまずは覚えておけば良いと思います。
例えば上記のソースコードも引数などを消してみやすくするとこんな風になります。

    $().css({
       
    }).animate({
       
    }, 400);

どれも固まりとして意味あります。
ややこしいですが、このかっこは「どこで開いてどこで閉じてるのか」とか追っていくとだんだん慣れていくと思います^^

ちなみに()で囲まれた部分は引数、{}で囲まれた部分はjavascriptのobject、最後の;は行末につけるセパレータです。

Comments

[YuichiKataoka]

教えて頂き、ありがとうございます。
以下のコードですが、なぜかjsファイルへ書き込むと実行されなくなってしまいます。

$(".SBHPThumbnail").css({
right:"-350px",
opacity:"0.0"
}).animate({
right:"0px",
opacity:"1.0"
},440);

何が考えられるでしょうか？

ついでといっては失礼ですが、
改行や改行後の記述するまでのスペース（半角またはtab）も決まりはありますか？

[jollyjoester]

書き込んだjsファイルを例えば下記のように元のhtmlファイルで読み込んでいますでしょうか？
```
<script src="my.js"></script>
```
変数の単語の途中とかでなければ改行やスペースは比較的自由に使ってもプログラムの実行上は問題ありません。（改行などがあってもセミコロンまでを一つの区切りと判別されます。）
ただ、読むときに読みやすいように適宜改行やインデントを入れていくことを心がけていくといいと思います。