|
1 |
<div id="box" style="width:100px; height:100px; background:yellow;"></div> |
クリック
|
1 2 3 |
$('#box').click(function() { alert('clicked'); }); |
マウスオーバー
|
1 2 3 |
$('#box').mouseover(function() { $(this).css('background','red'); }); |
マウスアウト
|
1 2 3 |
$('#box').mouseout(function() { $(this).css('background','yellow'); }); |
マウス移動
|
1 2 3 |
$('#box').mousemove(function(e) { $(this).text(e.pageX); }); |
メソッドチェインでも書ける
|
1 2 3 4 5 6 7 |
$('#box').mouseover(function() { $(this).css('background','red'); }).$('#box').mouseout(function() { $(this).css('background','yellow'); }).$('#box').mousemove(function(e) { $(this).text(e.pageX); }); |