最新のWeb開発のチュートリアル
 

jQuery - チェーン


jQueryを使って、あなたが一緒にチェーンアクション/メソッドをすることができます。

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


jQueryのメソッドチェーン

今まで、私たちは時間(次々)でjQueryの文1を書いています。

しかし、同じで、私たちは複数のjQueryのコマンドを実行するには、次々に可能に連鎖と呼ばれる技術があるelement(s)

ヒント:この方法では、ブラウザは同じ見つけることはありませんelement(s)回以上。

チェーンアクションには、単純に前のアクションにアクションを追加します。

一緒に次の例では、チェーンcss(), slideUp()およびslideDown()メソッド。 "p1"の要素は、まずそれがアップスライドし、赤に変化し、それが滑り落ちます:

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
»それを自分で試してみてください

必要に応じて、我々はまた、より多くのメソッド呼び出しを追加している可能性があります。

ヒント :連鎖する場合は、コードの行が非常に長くなる可能性があります。しかし、jQueryのは、構文に非常に厳格ではありません。 あなたが望むようにあなたは、改行やくぼみを含む、それをフォーマットすることができます。

また、これはうまく動作します:

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);
»それを自分で試してみてください

jQueryのは、余分な空白を捨て、コードの一つとして長い行の上の行を実行します。