【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>

This entry was written by admin , posted on 日曜日 5月 01 2011at 10:05 am , filed under コラム and tagged . Bookmark the permalink . Post a comment below or leave a trackback: Trackback URL.

Comments are closed.