Div全体をクリック可能にする - jQueryの例

たとえば、次のような状況で Div 全体をクリック可能にしてクリックすると、指定した URL に移動するようにする必要があります。

<div class="clickable" url="http://google.com">
내용
</div>

この場合、次のjQueryスクリプトを使用できます。

$("div.clickable").click(
function()
{
window.location = $(this).attr("url");
return false;
});
// Source: http://stackoverflow.com

ここで falseを返すは イベントバブリング(event bubbling)を防止するためのものですが、 falseを返す 代わりに event.preventDefault（）を奨励する方もいますね。 event.preventDefault（）와 falseを返す 比較は ここを参考にしてください。 さまざまなユーザーの意見を確認できます。

直接jQueryスクリプト内でリンクを指定したい場合は、次のようなコードが可能です。

jQuery('.clickable).click(function(){
window.location = 'http://www.google.com';
});