siblings"):not():nth-child():nth-last-child():nth-last-of-type():nth-of-type():odd:only-child:only-of-type:parent:password:radio:reset:root:selected:submit:target:text:visibleTraversing.add().addBack().andSelf().children().closest().contents().each().end().eq().filter().find().first().has().is().last().map().next().nextAll().nextUntil().not().offsetParent().parent().parents().parentsUntil().prev().prevAll().prevUntil().siblings().slice()Utilities$.boxModel$.browser$.contains()$.each()$.extend()$.globalEval()$.grep()$.inArray()$.isArray()$.isEmptyObject()$.isFunction()$.isNumeric()$.isPlainObject()$.isWindow()$.isXMLDoc()$.makeArray()$.map()$.merge()$.noop()$.now()$.parseHTML()$.parseJSON()$.parseXML()$.proxy()$.support$.trim()$.type()$.unique().animate()http://api.jquery.com/animate/CSSの値を指定して、アニメーションを表現します。型:PlainObject最終的に変化させるCSSのキーと値のマップ値を指定します。String初期値:400アニメーションする時間を指定します。型:String初期値:swingイージングの種類を指定します。型:Function()アニメーションが完了した時に実行したい処理を指定します。500ミリ秒かけて、leftを50pxの位置に不透明度を1に変化するアニメーションです。);下記の例では、#clickme要素をクリックすると、#book要素が5秒かけて、アニメーションします。要素が非表示ならば0から徐々に高さが増えていって表示、といった処理を行います。アニメーションで最終的に変化させるCSSのキーと値のマップ値を指定します。各オプション値を設定します。詳細は下記の通りです。String初期値:400アニメーションする時間を指定します。easing型:String初期値:swingイージングの種類を指定します。queue型:Boolean初期値:truefalseを指定すると、キューに追加されずに即座にアニメーションを実行します。1.7からは、文字列を指定することで追加するキューを指定できるようになりました。型:PlainObject1.4から追加された機能です。アニメーションのフレームが進むたびに実行する処理を指定することが出来ます。この関数が設定前のプロパティの値の変更を可能にしてくれること、トゥイーンオブジェクトを修正する機会を提供してくれます。アニメーション要素毎に1度だけ呼び出される関数です。complete型:Function()アニメーションが完了した際に呼びだされる関数です。)アニメーション完了後に呼び出される関数です。(Promiseオブジェクトは、resolveされています。)アニメーションの完了が失敗した際に呼び出される関数です。(Promiseオブジェクトは、rejectされています。)アニメーションが正しく完了しているかに関係なく、完了または停止した際に呼び出される関数です。(Promiseオブジェクトは、resolveまたはrejectのどちらかの状態です。)500ミリ秒かけて、leftを50pxの位置に不透明度を1に変化するアニメーションします。キューは無効を指定されています。});補足事項アニメーションのプロパティと値について.animate()メソッドはCSSプロパティを指定することで、アニメーションを実現させます。このプロパティは指定できるプロパティが限定されていることを除き、.css()メソッドに指定する値と似ています。アニメーションさせるために指定する値は、例外(詳細は後述)を除き数値であるべきです。ほとんどの非数値の値では、jQueryの基本的な機能でアニメーション化させることが出来ません。指定が無ければ、指定した値はpx単位として扱われ、他に%とemの単位を指定することが可能です。アニメーション化することが可能です。border)は、完全にはサポートされていません。事前に設定しておかなければなりません。"fontSize"またはCSSの"font-size"に該当するプロパティを指定する必要があります。プロパティは数値に加え、'show','hide','toggle'の文字列を指定することも可能です。これらの略記はdisplayプロパティを考慮した表示、非表示のカスタムアニメーションを可能にします。値は+=、-=を先頭につけて記述することも可能で、現在値からアニメーションの値を算出します。アニメーションの略記メソッドである.slideDown()や.fadeIn()とは違い、.animate()はエフェクトによってhidden要素を可視化しません。500)と指定しても、要素は隠れたままになります。DurationについてDurationにはミリ秒単位の値を指定します。アニメーションには高い値を設定すれば遅くなり、低い値ならば速くなります。初期値は400でミリ秒で、'fast'と'slow'の文字列を指定すると、前者は200ミリ秒、後者は600ミリ秒を指定したことになります。アニメーション完了後に実行するコールバック関数についてcomplete引数に指定するコールバック関数は、アニメーション完了後に実行されます。これは、一連の動作の中で異なるアニメーションを実現したい場合に有用です。コールバック関数は引数を受け取れませんが、アニメーション化するDOM要素に引数を設定することが出来ます。複数のDOM要素がアニメーション化された場合、マッチした各要素ごとにコールバック関数が実行されます。エフェクトを視認する事が出来ないことに注意してください。色指定等の非数値プロパティが設定できるように、.animate()メソッドを拡張します。個別にプロパティを指定するのではなく、class指定でアニメーションを行う機能も提供してくれます。Step関数2つ目の型の.animate()のoptionsにはstep関数を指定する項目があります。カスタムアニメーションを有効にした際や、アニメーションを変更したい場合に便利です。step関数は2つの引数(nowとfix)を受け取る事ができ、アニメーション中のDOM要素に設定することが可能です。now現在のアニメーション状態のプロパティ値になります。prototypeオブジェクトを参照します。propは現在のアニメーション状態のプロパティ値です。step関数は、各アニメーション要素上で各アニメーションされたプロパティに対して呼び出されることに注意してください。2つのリスト項目が対象になっている場合、各ステップで4回step関数が実行されることになります。}});イージングについて引数easingには、イージング関数名を指定します。イージング関数を指定することで、アニメーションの各ポイントでの速度を算出決定し、いわゆる緩急をつける働きをします。使用することで、より多くの表現が可能になります。参照しながら使用すると便利です。各プロパティ毎のイージングについてjQuery1.4から各プロパティ毎にイージングを指定することができるようになりました。最初のバージョンでは、1つ目にCSSプロパティ、2つ目にイージング関数の配列を指定します。その指定も無ければ'swing'が使用されます。});});2番目のバージョンでは、options引数内にspecialEasingプロパティを含める事が可能になりました。このプロパティは、マップ値になっており各CSSプロパティに割り当てるイージング関数をそれぞれ指定することができます。trueを指定することで無効にすることが可能です。これは、Durationに0を指定したのと同じ効果があります。デモボタンを押すと、DIV要素がアニメーションします。1回のアニメーション内で複数のプロパティを変化させています。);});</script></body></html>leftプロパティを現在位置からの相対で指定して、アニメーションします。連続クリックすると、処理がキューに追加されて実行される事が確認できます。"slow");});</script></body></html>最初に幅を90%に引き伸ばし、次にフォントサイズを拡大し、それが終わるとボーダーのアニメーションが始まります。その処理だけ行われないことが確認できます。step関数を使用して他のDIV要素に対して、アニメーションをシンクロさせています。