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的值,是可以去掉的,而且我去掉之后,也是可以得到我想要的效果。

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

学无止境,生生不息。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章