                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(三)—事件篇

点击测试二的P元素内容弹出与点击测试三P元素不弹出

测试二中，点击P元素可以弹出P元素中的内容“$('button:first').mousedown(function(e) {alert(this)})”这个可以理解：因为下面有绑定P元素的mousedown事件。那为什么点击测试三的P元素就不可以弹出信息”$('.right').mousedown(1111, set)“，之前不是已经绑定过P元素了吗？

T松子

2018-09-06

源自：jQuery基础(三)—事件篇 2-2

关注问题我要回答

1102

操作

收起

1 回答

水秋玄回答被采纳 +2 积分
2018-09-07

因为绑定P元素的事件是在第一个P元素之后，按顺序执行，它找不到后面的P，所以执行这段点击事件只会找到前面的那个P，不会找到后面的P。

想要后面的P元素也绑定点击事件就必须把绑定事件的代码放到最后面（就可以绑定所有的P元素），或者变着这样：

$(function(){
    $('p').mousedown(function(e) {
        alert(e.target.textContent);
    });
});

文档加载完后再执行代码，就可以都绑定了。

0 回复有任何疑惑可以回复我~

收起回答

T松子提问者

明白了，谢谢

2018-09-08 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础(三)—事件篇

参与学习 90004 人
解答问题 625 个

jQuery第三阶段开启事件修炼，掌握对页面进行交互的操作

进入课程

本课相似问答

3 回答为什么只有第一个p元素点击了有反应

4 回答为什么测试三中的e指向的是按下按钮事件，但是测试二中的e指向的是按下p元素而不是按下按钮？

2 回答点击测试一，然后在点击测试二，发现测试二的次数显示的是在测试一次数的基础上累加的，这个现象我发现之前课程里也出现，不解

2 回答测试二和测试三什么区别？？？

2 回答为什么点击按钮弹框三次？

搜索更多本课相关问答

点击测试二的P元素内容弹出与点击测试三P元素不弹出

我要回答关注问题

热搜

最近搜索清空

点击测试二的P元素内容弹出与点击测试三P元素不弹出

1 回答

本课相似问答

点击测试二的P元素内容弹出与点击测试三P元素不弹出