Latest web development tutorials

jQueryの連鎖

jQueryのでは、アクション/メソッドは、一緒にリンクすることができます。

チェーンは、私たちは1つのステートメントで(同じ要素で)複数のjQueryのメソッドを実行することができます。


jQueryのメソッドチェーン

今まで、私たちは、かつて(別の1が続く)jQueryの文を書きました。

しかし、私たちは複数のjQueryは同じ要素でコマンドを実行することを可能にするリンク(チェーン化)と呼ばれる技術、そしてその後、別のものがあります。

ヒント:この場合は、ブラウザが繰り返し同じ要素を見つける必要がありません。

あなたは、単にアクションの前にアクションに追加するアクションをリンクします。

次の例では、CSS()、slideUp()とslideDown()は、一緒にリンクされています。 「P1」素子は、第1の上にスライドし、再びダウンスライドさせ、赤に変わります。

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

»をお試しください

必要に応じて、我々はまた、複数のメソッド呼び出しを追加することができます。

ヒント:リンク行が悪くなります。しかし、jQueryの構文は非常に厳格ではありません。あなたは、改行やインデントなどの書き込みのために必要な形式に従うことができます。

あなたも同様に実行して書くことができます。

$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);

»をお試しください

jQueryのは、余分なスペースを捨てるだろう、とコードの社長として上記のコード行を実行します。