jquery clickメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery click()メソッド

clickメソッドは、セレクタで指定した要素がクリックされたときの動作を指定します

$("セレクタ").click(function(){
セレクタで指定した要素がクリックされたときの処理
});

指定したHTML要素をクリックしたときにイベントを実行する

セレクタで指定したHTML要素をクリックしたときに他のテキストが変更されます。クリックして下さい

jquery

$(function() {
	$("span#hoge").click(function(){
	$("span#hoge2").text("クリックされました");
	});
});
css
#hoge{ background-color: #FFCC99;}

html

<span id="hoge">クリックして下さい</span>
<span id="hoge2">テキスト</span>

実行前

クリックして下さい テキスト

実行後

クリックして下さい テキスト

指定したhtml要素をクリックすると文字が変わります
クリックイベントは基本のイベントですが使うことも多く、他のメソッドと組み合わせて使うと応用もいろいろできます







(C)2012 ホームページ作成無料