アーカイブ2009年11月の

jQueryの手引き:トラバース

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

"重ね順
"入れ替えます
» Child3
» Child4

"これ、どうしたの?" 基礎、このHTMLの構造:

  1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
  <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を
  1
 2
 3
 4
  ) . click ( function ( ) { jQueryの("#Testone")。 クリックして (関数 ()(
     ) . parent ( ) . prev ( ) . children ( ) . animate ( { 'paddingLeft' : '20px' } , 200 ) ; jQueryの(この)。  ()。  () 子ども ()。 アニメーション (('paddingLeft':'20px')、200);
      ; falseを 返します 
 )); 

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

表示コード JavaScriptを
  1
 2
 3
 4
 ) . click ( function ( ) { jQuery ( this ) . parent ( ) . prev ( ) . children ( ) . filter ( ".move" ) . not ( ".not" ) . animate ( { 'paddingLeft' : '20px' } , 200 ) ; return false ; } ) ; jQueryの("#testtwo")。 クリックして (関数 ()(jQueryの(この)。  ()。  () 子ども ()。 フィルター ("。この動きを")。 いない ("(ない"( アニメーション )。 'paddingLeftは ':'20px')、200;)false 返す ;)); 

理解jQueryのプレゼンテーションのための

時間は、再び私は、ネットワークでjQueryについての興味深いプレゼンテーションでつまずく。
今日は私のお気に入りのいくつかを紹介したいと思います。


続きを読む