return false
$(function(){ $('a').click(function(){ $('img').attr('src','book.jpg').attr('alt','本'); }); });
<a href="book.jpg">画像を変更する</a> <p><img src="pen.jpg" alt="ペン"></p>
a要素をクリックするとclickイベントが発生して画像が変更されるはずですが、
その後にブラウザはhrefに設定したリンク先へ飛んでしまいます。
それを回避するためには、return false; を記述する。
$(function(){ $('a').click(function(){ $('img').attr('src','book.jpg').attr('alt','本'); return false; }); });
return false;を記述することによって、clickイベントだけが発生してhrefに設定したリンク先へ飛ぶことはないです。
他にもjavascript:viod(0);を記述する方法もあります。
しかし、ユーザーがブラウザのjavascriptをオフに設定しているとリンクをクリックしても何も変化が起きなくなってしまうので、使用するならreturn false;を使用したほうが良い。