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

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

学无止境,生生不息。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值