jQuery02

• jQueryを利用すると、JavaScriptより少ない記述で済む。
• head内でscript srcをGoogle Ajax API CDNに指定する。
• minはソース内の改行コードを省いて軽量化したもの。

DreamWeaverでjQuery用のローカルサーバー設定

セレクタ

• body内の１番下に記述。
• $(function(){$( 'セレクタ' ).css( 'background', 'pink' );});
• ID セレクタ　 $( '#id名' )
• タイプセレクタ　$('div')
• CLASSセレクタ　$('.class名')
• 子孫セレクタ　$( '親要素 > 子要素' )
• 全称セレクタ $('要素 *')
• 子供セレクタ $( '親要素 > 子要素' )
• 隣接セレクタ $( '要素 + 隣の要素' )
• 兄弟セレクタ $( '兄貴 〜 親要素') 　兄貴以降の弟要素に指定内容が反映される。
• 擬似クラスセレクタ：first-child $( '親要素:first-child' )
• 擬似クラスセレクタ：not $( '親要素:not(条件)' )

メソッド

• css()メソッド
• width()メソッド
• addClass()メソッド　classの追加
• removeClassメソッド 要素のクラス属性を削除
• 複数のプロパティの記述$ ( 'セレクタ' ).メソッド( { 'プロパティ'：'値', 'プロパティ'：'値' } );
• パラメータの値を取得　例）隣のカラムの高さに合わせる
• text()メソッド $( 'セレクタ' ).text( '置き換えるテキスト' );

8/5（月）テキストを持っていくこと。