【column】メソッドチェーン
一つの要素に対して複数の命令を書きたい場合、どうしますか?
例えば、pタグ要素を取得して、テキストを書き換えて、
色変更したい場合なら次のように書けます。
【jQuery】
<script type=”text/javascript”>
$(function(){
$(“p”).text(“ユーロ”);
$(“p”).css(“color”,”#FF0000″);
});
</script>
【HTML】
<p>米ドル</p>
しかし、pタグ要素を取得するために$(“p”)を2回書くと、
ブラウザはHTMLファイルの中からp要素を2回取得します。
全体のプログラムが短い場合には気にする必要もありませんが、
読み込み速度を配慮するには、以下のように書き、
メソッドチェーンと呼ばれる手法です。
【jQuery】
<script type=”text/javascript”>
$(function(){
$(“p”).text(“ユーロ”).css(“color”,”#FF0000″);
});
</script>