jQueryの学習

基本

• jQueryの書き始め$(document).ready(function(){....}) について
• CSSを変更するメソッドcss('','');について###
• htmlを書き換えるメソッドhtml('');について###
• 現れる、消えるメソッドshow(); hide();について###
• ふわっと現れる、ふわっと消えるメソッドfadeIn(); fadeOut(); slideDown(); slideUp();について###
• イベントを発生させるメソッド（ホバーしたら）hover(function(){},function(){});について###
• イベントを発生させるメソッド（クリックしたら）click(function(){});について###
• function内で使うセレクタ$(this)について###
• classを加えたり除いたりするメソッドhasClass(''); addClass(''); removeClass('');toggleClass('');について###
• アニメーションをつけるメソッドanimate({'':'','':''},'');について###
• 孫要素、子要素を取得するメソッドfind(''); children('');について###
• 先祖要素、親要素を取得するメソッドparents(''); parent('');について###
• リストを加えるメソッドprepend(); append();について###
• リスト(li)でn番目の要素を取得する、要素のキー番号を取得するメソッドeq(n) と index();について###
• イベントの伝播を理解するpropagationについて
• X軸とY軸を取得するoffset();  .top  .left
• スクロール位置をX軸、Y軸で取得するscrollTop();  scrollLeft();
• スクロールしたらイベント発生.scroll(function(){...});
• について

応用

• もっと読むをつくる
• タブの切り替え表示
• モーダルウィンドウの表示
• ドロップダウンメニュー1
• ドロップダウンメニュー2
• 横からフェードイン
• スクロールにあわせてフェードイン・フェードアウト
• クリックするとページの特定部分にゆっくり移動する

その他

• 無名関数(function($){....})(jQuery);