Jquery入門記事一覧
Jquery 入門 その1 要素にアクセスするJquery 入門 その2 要素にアクセスするメソッドJquery 入門 その3 メソッドチェーンJquery 入門 その4 プラグイン（$.fn.extend）の作り方Jquery 入門 その5 プラグイン（$.extend）のサンプルJquery 入門 その6 イベント処理Jquery 入門 その7 繰り返し処理Jquery 入門 その8 DOMツリーへのアクセスを意識するJquery 入門 その9 非同期通信で用いるデータJquery 入門 その10 非同期通信とはJquery 入門 その11 非同期通信のサンプル1Jquery 入門 その12 非同期通信のサンプル2Jquery 入門 その13 非同期通信のサンプル3 $.post,$.getJquery 入門 その14 非同期通信実践例(formをpostしphpで処理)サンプルのソースコードのダウンロード(下のURLをブラウザで入力してください。)
http://html5.web.fc2.com/jquery_new/jquery_new.zip
---------------------------------------------------------------------
jqueryにはメソッドチェーンという仕組みがあります。メソッドチェーンとはどんなものかというと、
メソッド･･･関数のようなもの
チェーン･･･鎖
という単語の意味の通り、メソッド（関数）を繋いでいくことができます。
では、その2の記事で取り上げたメソッドを使って、例を挙げてみます。
$("#method").html("メソッドチェーンでidがmethodのhtmlをこのテキストに、CSSメソッドで背景色を指定します。").css("background-color","#ffcccc");
なぜ、このようにメソッドを繋ぐことができるのか。それは、
jqueryのメソッドはjqueryオブジェクトを戻り値に持つメソッドが多いからです。
※戻り値 f(x)=2xにx=2を渡した場合の戻り値は4になります。
※jqueryオブジェクト $("#method")のような指定された要素のこと
つまり、$("#method").htmlメソッドを実行した時の戻り値が、$("#method")になるため、続けて「.css」メソッドを記述することができるわけです。
今回はここまで。
次回はプラグイン（jqueryのライブラリに自作の関数を追加するようなもの）について記載しようと思います。
