このサイトは、主にjQueryに関連する内容を淡々と書きとめたものです。
チェックボックスのクリック時の処理を指定する。
/* 単独のクリックイベント処理の場合 */
$( 'input[type="checkbox"]' ).click( function() {
// ここに処理内容を記述する
} );
/* 他のクリックイベント処理へ引き継ぐ場合 */
$( 'input[type="checkbox"]' ).click( function( e ) {
// ここに処理内容を記述する
e.preventDefault();
} );
属性の値を指定して検索する場合は [属性名=属性値] の書式で指定する。onClickイベントの処理はclick関数で対応する関数を指定すればよい。
IDがpagetopのA要素のonClickイベントを処理する。
$( '#pagetop' ).click( function () {
// ここに処理内容を記述
return false;
} );
通常のJavaScriptと同様に、ページ遷移させない場合はfalseを返す。
idがpagetopの要素をクリックすると、ページのトップへスクロールする。
$('#pagetop').click( function() {
$('html,body').animate({'scrollTop':'0px'},'slow');
return false;
} );
html要素はIE7～9、Firefox 9.01、Opera 11.60が動作する（Chrome 16、Safari 5.1はNG）。body要素はChrome 16、Safari 5.1が動作する（IE7～9、Firefox 9.01、Opera 11.60はNG）。このようなことから、htmlとbody要素の両方を指定する必要がある。
