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
- Jquery使包含a标签的标签可点击跳转
- JQuery中模拟点击<a>标签,实现页面跳转
- a标签的无跳转点击和jquery对表单的全体验证
- 使用jquery跳转a标签
- Jquery点击a标签注意
- 用<a>标签点击跳转页面不刷新的问题
- 点击div实现a标签的跳转效果
- HTML的<a>标签点击实现不跳转
- a标签点击跳转新页面的指定位置
- 点击a标签阻止页面跳转的两种方法
- 阻止a标签点击跳转刷新
- 设置d点击a标签不跳转
- 点击a标签不跳转链接
- 点击a标签先判断后跳转
- 阻止点击<a>标签链接跳转
- jsp 模拟按钮,点击button,链接到a标签,是a标签的地址跳转
- jquery实现单机li标签时,执行跳转,li标签下面的a标签路径
- 定义锚点,点击a标签跳转到相应的版块,使页面滚动产生效果
- deviceone 开发 烦烦索索那些事
- amr文件的解析
- 19.Selenium2 自动化测试实战-基于Python语言-数组与字典
- c++贪吃蛇改进版
- 【YOLO学习】使用YOLO v2训练自己的数据
- Jquery使包含a标签的标签可点击跳转
- NYOJ zb的生日
- jzoj 100003. 【NOI2017模拟.4.1】 Tree 无源汇最大费用流
- Android Studio快捷键生成点击事件
- EOS demo实战
- Android 中动态广播接收器和静态广播接收器的使用
- 项目中js文件修改后浏览器不能及时更新的解决办法
- C/C++变长形参
- Ubuntu 系统下 PIL 的安装