jQueryの手引き：トラバース

Travesiは jQueryをアニメーションが好きにmakeを使用して属している場合は場合は、ツールの基本的な進んだ。ここで少しガイドでは、特定のアイテムを見つけることだ。

親

"重ね順

"入れ替えます

» Child3

» Child4

すべての移動
フィルタ移動

セットバック

"これ、どうしたの？" 基礎、このHTMLの構造：

^？表示コードをHTML

  <divのid="someParent"はstyle="border: 1px #ccc">親が点在
 <div>の
 重ね順
 </ Divは>
 <divのclass="move">
 入れ替えます
 </ Divは>
 <div>の
  Child3
 </ Divは>
 <divのclass="moveのnot">
  Child4
 </ Divは>
 </ Divは>

 <divのid="someWrapper">
 <aのid="testone"はhref="#">画像のすべての<移動/>
 <aのid="testtwo"はhref="#">画像フィルタ<移動/>
 </ Divは>

次のJavaScriptコードは、アニメーションを実行します。親のメソッドのリンク数に"someWrapper"を選択するdiv要素は、前の項目が"要素内のすべての選択前の1つを"someParent"かもを子どもたちのみ最終的にsomeParent選択。
例ではidはの説明のみです。アニメーション要素は、構造体への排他的にされるDOMのが見つかりました。

"すべての移動のためのjQueryのコード"：

^？表示コード JavaScriptを

 ) . click ( function ( ) { jQuery ( this ) . parent ( ) . prev ( ) . children ( ) . animate ( { 'paddingLeft' : '20px' } , 200 ) ; return false ; } ) ; jQueryの（"＃Testone"）（（）（jQueryの（この）。 親 （）。 前 （） 子ども （）。 アニメーション （（'paddingLeft："'20px'）、200） をクリックして falseを返します 関数 ;） ）;

今すぐ高度なバージョンです。彼らは、関数です基づいてjQueryのフィルタではない。
ためのjQueryコード"フィルタリング移動"：

^？表示コード JavaScriptを

  ) . click ( function ( ) { jQueryの（"＃testtwo"）。 クリックして （関数 （）（
    ) . parent ( ) . prev ( ) . children ( ) . filter ( ".move" ) . not ( ".not" ) . animate ( { 'paddingLeft' : '20px' } , 200 ) ; jQueryの（この）。 親 （）。 前 （） 子ども （）。 フィルター （"。この動きを"）。 いない （"。 アニメーション は"）（（'paddingLeft'：'20px'）、200）;
     ; falseを 返します 。
 ））;