Jquery使包含a标签的标签可点击跳转

并停止事件在DOM树中冒泡用Jquery使包含a标签的标签可点击跳转，今天刚好用到了这一个知识点，上网搜寻了答案，使用了上去的确有效果，所以做一个随手笔记吧。

样例代码

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

页面

<div>
<ul class="chooseBox">
<a href="http://google.com">link</a>
</ul>
</div>

.chooseBox为包含a标签的外围标签的属性，在上面的页面代码中就是对应的ul标签，使得点击ul标签之后，跳转到与a标签的链接地址上

但另外是我好奇的是，那个返回值false所代表的意义。

经过一番的寻找和实践，终于给我弄懂了那个返回值的问题。

1.cilck 不写返回值的话，默认的返回值是true，表示执行元素的行为。对应上面的的页面，就是跳转到谷歌链接。

2.当返回值为false时，则可以阻止元素的默认事件行为，并停止事件在DOM树中冒泡（一层层向父级标签返回）。对应上面的的页面，效果就等于是上面的a标签里面的链接置为空一样。

所以，个人觉得，既然跳转页面使用了location，对于上面的返回false的值，是可以去掉的，而且我去掉之后，也是可以得到我想要的效果。

如果说法有误或者解释的不当，欢迎大家评论留言，学习知识不应该含蓄。

学无止境，生生不息。