div 領域全体を clickable にする jquery メソッド

この記事の例では、jquery が div 領域全体をクリック可能にする方法を説明しています。皆さんの参考に共有してください。具体的な分析は次のとおりです。

ここでの実装では、ユーザーが div 領域全体をクリックできるようになり、このコードは自動的に div 内のリンクを見つけます

$(".myBox").click(function(){
   window.location=$(this).find("a").attr("href");
   return false;
});

参考HTML:

<div class="myBox">
   blah blah blah.
  <a href="http://google.com">link</a>
</div>

この記事が皆さんの jQuery プログラミングに役立つことを願っています。