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

来源:互联网 发布:淘宝最长确认收货时间 编辑:程序博客网 时间:2024/04/28 18:42

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

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

学无止境,生生不息。

0 0
原创粉丝点击