jquery bindメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery bind()メソッド

bindメソッドは、セレクタで指定した要素のイベントにハンドラーを関連付けします
良く使うclickイベントなども内部的にbind()されています
イベント名はclick、dblclick、mousedown、mouseup、mouseover、mouseout、mousemove、mouseenter、mouseleave、blur、focus、load、resize、scroll、unload、change、select、submit、keydown、keypress、keyup、errorで指定します

$("セレクタ").bind("イベント",function(){処理});

clickメソッドなどはbind("click",function)の省略形です。上のイベントがclickになったときの動作と同じ

$("セレクタ").click(function(){処理});

clickイベントでfunctionにデータを渡す場合

$("セレクタ").click(data,function(){処理});

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

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

jquery

$(function() {
	$("#button").bind('click',function(){
	$("#hoge").text("クリックされました");
	});
});
css
#hoge{
 border: 1px solid;
 padding: 10px;
 }

html

<button id="button">ボタン</button>
<div id="hoge">テキスト</div>

サンプル

テキスト








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