jQuery03

表示・非表示を切り替える

• hide()メソッド
• show()メソッド
• fadeOut()メソッド
• fadeIn()メソッド
• fadeTo()メソッド

• 1000＝1秒。
• show、fadeInは対象をdisplay;none;で消しておく。
• fadeToは不透明度が0になっただけで対象は消えていないので、他の要素の位置は変わらない。

開閉させるアニメーション

• slideUp()メソッド
• slideDown()メソッド
• animate()メソッド

• slideup、slidedownはサイドメニュー向き。

トラバース系メソッド

• prev()メソッド ひとつ前の要素を取得する。
• next()メソッド ひとつ後ろの要素を取得する。
• preAll()メソッド 前の兄要素をすべて取得する。
• nextAll()メソッド 後の弟要素をすべて取得する。

• prevAll()、nextAll()は、セレクタを指定することもできる。

複数の要素から任意の要素を指定

• parent()メソッド 親要素を取得する。
• children()メソッド 子要素を取得する。
• find()メソッド 子孫要素を取得する。
• parents()メソッド 先祖にさかのぼって要素を取得する。
• first()／last()メソッド 1番最初の要素・最後の要素を取得する。
• eq()メソッド n番目の要素を取得する。「0」が１番目。

light box2

• Lokesh Dhakarのサイトからダウンロード。必要な箇所だけ抜粋。

lightbox.css内の

• .lightboxOverlayでbackgroundの指定、
• .lightboxでpositonの指定ができる。
• api.jQuery UIのサイトにいろいろある。

parallax

• JavaScript習得のひとつの目標地点。
• 動作が重い場合がある。