イベント

click()

$( セレクター ).click(function(){

処理

return false;

});

a要素にクリックイベントを設定する際に注意する事

a要素はクリックするとhrefの参照先へジャンプする機能を持つ

→click指定をするためにはその機能をストップさせなければならない

→clickイベントの最後に return false; と記述する

特定の要素がダブルクリックされた時に処理を実行

$( セレクター ).dblclick(function(){

処理

return false;

});

要素上にマウスカーソルがありマウスのボタンが押された／離れた時に処理を実行

！click()とmousedown()の違い

click()はボタンを押して離した時、

mousedown()はボタンを押し込んだ瞬間に処理を実行

同じ文章を羅列するのはスマートでないので

使えるところはthisを用いて記述するべし

$(function(){

$(‘a’).click(function(){

$(‘img’).attr(‘src’, $(this).attr(‘href’)).attr(‘alt’, $(this).text())

return false;

});

</script>

<body>

<ul>

<li><a href=”xx0.jpg”>flower</li>

<li><a href=”xx2.jpg”>building</li>

</ul>

</body>