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」が1番目。
light box2
- Lokesh Dhakarのサイトからダウンロード。必要な箇所だけ抜粋。
- .lightboxOverlayでbackgroundの指定、
- .lightboxでpositonの指定ができる。
- api.jQuery UIのサイトにいろいろある。
parallax
- JavaScript習得のひとつの目標地点。
- 動作が重い場合がある。