マウスの操作（３）
クリック可能な領域ではマウスカーソルをポインターに変更

$('div#cursor').mouseover(function(ev){$(this).css('cursor','pointer');})
.click(function(ev){$(this).css('background-color','#fc9').text('クリックされて色が変わった！');});

※この四角の中では矢印がポインタになりクリックすると色と文字が変わる。


実行前（この四角の中をクリックする）
クリックすると色が変わるよ


変更前のhtml
<div id="cursor">クリックすると色が変わるよ</div>