jQuery02
- jQueryを利用すると、JavaScriptより少ない記述で済む。
- head内でscript srcをGoogle Ajax API CDNに指定する。
- minはソース内の改行コードを省いて軽量化したもの。
DreamWeaverでjQuery用のローカルサーバー設定
セレクタ
- body内の1番下に記述。
- $(function(){$( 'セレクタ' ).css( 'background', 'pink' );});
- ID セレクタ $( '#id名' )
- タイプセレクタ $('div')
- CLASSセレクタ $('.class名')
- 子孫セレクタ $( '親要素 > 子要素' )
- 全称セレクタ $('要素 *')
- 子供セレクタ $( '親要素 > 子要素' )
- 隣接セレクタ $( '要素 + 隣の要素' )
- 兄弟セレクタ $( '兄貴 ~ 親要素') 兄貴以降の弟要素に指定内容が反映される。
- 擬似クラスセレクタ:first-child $( '親要素:first-child' )
- 擬似クラスセレクタ:not $( '親要素:not(条件)' )
メソッド
- css()メソッド
- width()メソッド
- addClass()メソッド classの追加
- removeClassメソッド 要素のクラス属性を削除
- 複数のプロパティの記述$ ( 'セレクタ' ).メソッド( { 'プロパティ':'値', 'プロパティ':'値' } );
- パラメータの値を取得 例)隣のカラムの高さに合わせる
- text()メソッド $( 'セレクタ' ).text( '置き換えるテキスト' );
8/5(月)テキストを持っていくこと。