jQuery基础(三)—事件篇_技术问答

首页免费课 jQuery基础(三)—事件篇问答

jQuery基础(三)—事件篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121940
免费课程
                                
jQuery基础(二)—DOM篇
入门·114014
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211526
免费课程
                                
jQuery基础(四)—动画篇
初级·85052
免费课程
                                
jQuery基础 (一)—样式篇
入门·217508
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71441
免费课程
                                
                难度入门
            
                时长 1小时47分
            
                学习人数
            
综合评分8.67
                            627人评价
                        查看评价
                                9.2
                                内容实用
                            
                                8.5
                                简洁易懂
                            
                                8.3
                                逻辑清晰

全部评论问答未解决精华

求问大神，我自己写的一个导航，为什么这样写点击菜单并没有切换样式效果?

已采纳回答 / 慕粉173353300

第42行错了

1 回答 959 浏览 2-1 jQuery鼠标事件之click与dbclick事件

2017-07-30

安然桑丶

简单的讲, 加了第二个参数( selector )后, 如果触发了事件( event ), 就调用函数(fn) ,并逐级向上冒泡查找还有没有这个选择器.

$('body').on('click', 'div', function(e) {
alert(this.className)
})

// aaron
// left

我们将第二个参数替换成div, 并显示div的类名就很容易懂了

1 5-2 on()的高级用法

2017-07-29

安然桑丶

效果不显示的, 去本地测试

0 3-3 jQuery表单事件之select事件

2017-07-29

慕的地5204680

可以再加一个
$("a").on("click", function() {
alert("这是a trigger触发的事件");
});
对比看看结果就明白了。

1 7-2 jQuery自定义事件之triggerHandler事件

2017-07-28

慕的地5204680

trigger会冒泡，a冒泡到父div#accident，而父div#accident定义click事件，所以点击第一个button会有alert,也触发了input的focus(因为input的focus事件有定义),因为title没有传值所以input的value没有显示；triggerHandler不会冒泡，$("a").triggerHandler("click"); 因为并没有定义a 的click事件，又因为不会冒泡，所以无法触发父div content的click事件,触发了input的focus是因为input有定义focus，并且title有值所以input的value有值

8 7-2 jQuery自定义事件之triggerHandler事件

2017-07-28

慕的地5204680

$("button:last").click(function() {
$("button:first").trigger('click','last');
}); 这个其实是点击第二个button时，触发了第一个button的点击事件，后面的'last' 说明是last button触发的，实际调用的仍然是$("button:first").click(function(event,bottonName) {};

1 7-1 jQuery自定义事件之trigger事件

2017-07-28

慕的地5204680

黑人问号脸.jpg

0 7-1 jQuery自定义事件之trigger事件

2017-07-28

慕的地5204680

什么玩意儿。。。。。

0 7-1 jQuery自定义事件之trigger事件

2017-07-28

慕的地5204680

有些地方感觉，唉。。。。瞎搞，不认真。。。

1 5-3 卸载事件off()方法

2017-07-28

monsterlalala

用触发器与原生的事件的区别（以click为例）：原生的需要用户执行一定的触发条件（如点击），才会执行对应的触发事件（如click事件对应的函数），而使用触发器的话，可以自己设置其在代码执行的某个条件下触发请问各位大神，这样的理解是对的吗？

0 7-1 jQuery自定义事件之trigger事件

2017-07-27

神的孩子啊

变量能不能瞎搞
呀！！！！！！！！！！！！！！

2 5-3 卸载事件off()方法

2017-07-27

神的孩子啊

加油吧
！！！！！！！！！！！！！！！！！

2 5-1 on()的多事件绑定

2017-07-27

遗恋天涯

走错场了。。

0 2-5 jQuery鼠标事件之mouseenter与mouseleave事件

2017-07-26

遗恋天涯

jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件。
jQuery 1.8 版本后该方法触发 mouseover 和 mouseout 事件。

1 2-7 jQuery鼠标事件之hover事件

2017-07-26

遗恋天涯

jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件。
jQuery 1.8 版本后该方法触发 mouseover 和 mouseout 事件。

0 2-5 jQuery鼠标事件之mouseenter与mouseleave事件

2017-07-26

首页上一页 36 37 38 39 40 41 42 下一页尾页

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的基础语法 2、jQuery事件处理

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(三)—事件篇

求问大神，我自己写的一个导航，为什么这样写点击菜单并没有切换样式效果?