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

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

jQuery基础(三)—事件篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121937
免费课程
                                
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
                                逻辑清晰

全部评论问答未解决精华

夜半207

$("input").trigger("focus", "触发聚焦事件");//触发了原生的获得焦点，参数不会传递？
$("input").triggerHandler("focus","没有触发默认聚焦事件");//没有触发聚焦事件？

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

2018-05-13

夜半207

这写的真模糊

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

2018-05-13

夜半207

$("html").click(function() {
$("#msg").html( $("#msg").html() + "<p>html元素被单击</p>");
});
再加个html继续冒泡

0 6-2 jQuery事件对象的属性和方法

2018-05-13

夜半207

$("ul").on('click',function(e){
if(this === e.target) return;
alert('触发的元素是内容是: ' + e.target.textContent)
})
可以把点击ul的alert去掉
$("ul").on('click' ,function(e){
alert(this);
alert('触发的元素是内容是: ' + e.target.textContent)
})
去掉了ul的click事件反应

0 6-1 jQuery事件对象的作用

2018-05-13

夜半207

把第二n++去掉
off和unbind一样解绑事件用法几乎一样，
off后可以jia选择器off(event [, selector], function)
unbing的源码也是用的off

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

2018-05-13

夜半207

$('button').click(function () {
$('body').append("<div class='thrid'>click点击失效</div>");
});
$('body').on('click','.thrid', function(){
alert();
})
这样可以给div动态绑定了，要从父节点中开始找

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

2018-05-13

夜半207

on可以动态绑定事件。
比如为自己在js中动态新创建的div标签绑定click事件，用click失效，用on可以
$('button').click(function () {
$('body').append("<div class='thrid'>click点击失效</div>");
});
$('.thrid').click(function () {
alert('失效了吗');

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

2018-05-13

夜半207

keydown是按下过程，这时value还没有值呢，
输入1234，
显示123，

0 4-1 jQuery键盘事件之keydown()与keyup()事件

2018-05-13

夜半207

mouseout是从当前元素上离开就会触发（包括子元素），mouseleave是从选中的元素离开触发（不包括子元素）。

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

2018-05-13

夜半207

0 2-3 jQuery鼠标事件之mousemove事件

2018-05-13

夜半207

<p>1</p>
$('p').mousedown(function(e) {
alert(e.target.textContent)
})
//this指向button元素
$("button:eq(1)").mousedown(function() {
$('p').mousedown() //指定触发绑定的事件
})
<p>2</p>
测试二，对上面一个p绑定了事件，下面的p没有绑定事件，是与标签和script出现顺序有关吗

0 2-2 jQuery鼠标事件之mousedown与mouseup事件

2018-05-13

夜半207

$("button:eq(2)").add(".test3").click(1122, function(e){
alert(e.data)
})
测试三这样写好看些add()给div也加了点击事件

0 2-1 jQuery鼠标事件之click与dbclick事件

2018-05-13

一只肥鹤

which 属性指示按了哪个键或按钮。

0 2-2 jQuery鼠标事件之mousedown与mouseup事件

2018-05-12

NikQ

$('.aaron').on('click','li',function(e){
alert('触发的元素是内容是: ' + e.target.textContent)
}) 改成这样也可以

0 6-1 jQuery事件对象的作用

2018-05-08

如此这般那般

这章实在没看懂

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

2018-05-07

首页上一页 2 3 4 5 6 7 8 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(三)—事件篇