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
                                逻辑清晰

全部评论问答未解决精华

超人不会飞Mark

<div><p></p></div>
如果在p上用mouseover,div会触发冒泡事件
如果在p上用mouseenter,div不会触发冒泡事件

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

2017-09-03

超人不会飞Mark

function(e){}
e是jq事件的事件对象，里面保存了事件的属性和方法
e.target表示这个触发这个事件的元素
e.data 表示第一个参数存储的值

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

2017-09-03

慕粉2216578660

我记得可以直接在css 里面写 ele：hover{xxxxx}

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

2017-09-02

慕粉3169703

对于第一个按钮的点击事件：bottonName=undefined，所以bottonName||'first'=='first';
对于第二个按钮的点击事件：bottonName = 'last',所以bottonName||'first'=='last';

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

2017-09-01

慕粉3169703

1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。

2、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。

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

2017-09-01

无复何来

想知道里面的东西都指向谁，试试就知道了：
$("ul").on('click',function(e){
console.log(this);
console.log(e.target);
console.log('触发的元素是内容是: ' + e.target.textContent);
//事件是会冒泡的，在li点击时，产生event事件，event.target指向li，通过冒泡冒到外部的ul，然后ul绑定的事件捕获到li的冒泡，触发事件处理程序
})

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

2017-09-01

qq_栀枯_03465193

e.target展示的是当前点击的对象不会被冒泡，而this是点击li时会被冒泡到当前绑定的对象上ul
可以用console.log(e.target);
console.log(this); 分别点击li 和 ul 试试

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

2017-09-01

无复何来

这里可以用来进行表单检测，判断内容是否符合要求。
比如：
$('#target2').submit(function() {
var text = $('#target2 input:first').val();
if(text == "" || text == "输入新的值")
{
$(":text:last").css("border","2px solid red");
alert("请重新输入");
return false;
}
});

5 3-4 jQuery表单事件之submit事件

2017-08-31

无复何来

这里的例子有点绕，总的来说就是从效果上来说，都是在获取或失去焦点时产生事件，并可以绑定处理函数。
区别就在于focus和blur只能在input之类的表格元素本身上起效，当在他的父级元素上绑focus和blur事件时，因为它俩不冒泡，所以在外部的绑定其实是没有效果的。
而focusin和focusout可以冒泡，所以就算是在父级绑定的这两个事件，只要是内部元素触发了获得和失去焦点的事件，一样可以冒泡出来，让父级元素绑定的事件捕获到，从而执行命令。

5 3-1 jQuery表单事件之blur与focus事件

2017-08-31

无复何来

针对测试三的一点理解：
ele.click(argument1,function(e){
alert(e.dada);
})
这里传给click里的第一个参数其实就是jqurey做好的一种功能，如果你填了这个argument1参数，就会把这个参数传递赋值给当前对象的event.data属性,如果在之后的函数里调用event.data，就可以访问并使用这个属性。
很多jquery里的事件都可以这样传递参数，只要知道这是一种传参的写法就行了。
如果有理解不当的地方，请指正！

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

2017-08-31

100W

前面HTML、CSS、JS都很清晰，怎么一到jQuery就非常混乱呢？

1 3-2 jQuery表单事件之change事件

2017-08-31

政政0213

http://libs.baidu.com/jquery/1.9.1/jquery.js

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

2017-08-31

慕设计7953951

$("button:first").click(function() {
$("a").trigger("click","heeloasdgsadg");
$("input").trigger("focus","trigger");
//这里trigger传入的值并没有在focus中生效（因为input绑定的是jQuery的方法）但在click中生效了
//若要触发通过 jQuery 绑定的事件处理函数，而不触发原生的事件，使用.triggerHandler() 来代替
});

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

2017-08-29

hello_2

我觉得这里应该写上，直接看jQueryAPI文档:http://www.css88.com/jqapi-1.9/

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

2017-08-27

hello_2

很奇怪，我看官方文档是focus和blur只在IE中不支持冒泡，所以，jQ才实现了focusin和focusout用以统一跨浏览器表现，但是在测试的时候，focus在什么浏览器都不支持冒泡

0 3-1 jQuery表单事件之blur与focus事件

2017-08-27

首页上一页 18 19 20 21 22 23 24 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery基础(三)—事件篇