jQueryのについての最もよい事の一つは、ほぼすべてのそれのメソッドのそれのチェーン機能があります。 "チェーン能力は"ヘブライ語に聞こえる場合は、ここではそれが何であるかを少し説明を示します。
ましょうと言うあなたが持っている<div id="myDiv"> Loremイプサム</ DIV>
とは、次の手順を実行する必要があります
- 875に高さを変更する
- 0.8に不透明度を変更する
- "PCLASS"と呼ばれるクラスを追加します。
- と "我々は世界です"のようにdiv要素内のテキストを設定する
だから、あなたは通常の状況で何をしますか? あなたは4行のコードを記述します。 あなたは従来の方法でjQueryを使用している場合は、おそらく書いてみたいような
1 2 3 4 | ; 世界")です 。 |
しかし、我々はchaininigメソッドを使用する場合は、単に書いてみたい
) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; 。$( "#myDiv")CSS( "高さ"、 "875")fadeTo(500、0.8)AddClass によって ( "PCLASS") テキスト ( "我々は世界です");
乱雑に見えますか? 私はそうは思わない。 あなたは非常にまれであるオブジェクトにメソッドのかなり多くを入れない限り、それは読みやすい。 だから、チェーンがあります。
画面の後ろに、チェーンは、単にメソッドを適用した後、オブジェクトitselftを返すことによって行われます。 それは非常に我々がどのようにJavascriptのオブジェクトのメソッドを使用する方法のようなものだ
"Lorem Ipsum Dolor" ; VARます。myString = "Loremイプサムのの悲しみ";
( ) . substring ( 0 , 5 ) ; 。pString = myStringにtoLowerCase()文字列 (0、5);
これは我々がそのようなことを行うためのオプションがあります贈り物です。 それは短いようにする方法がありますいるときに誰がより多くのコードを書きたい? 少なくとも私にはありません。 したがって、ほとんどすべてのメソッド
jQueryでこのchainabilityを持っています。 チェーンは、より多くの方法がそれに適用することができるように全体のjQueryオブジェクト自体を返すことを指定します。すべてのメソッド
あなたは上記のコードが実行見ることができますここで 。











































最近のコメント