jQuery中的事件-

七彩网络

昔年博客
首页>> HTML5 >>jQuery中的事件
2019-12-17
分类: HTML5

jQuery中的事件

文章作者:本站整理
手机扫码查看

DOM文档载入后执行加载事件: $(document).ready(function(){           ……………… }......

DOM文档载入后执行加载事件:
$(document).ready(function(){
          ………………
})
上面等价于:
$(function(){
     ……………….
})
注:$(document)也可以简写成$(),即当$()中没有内容时,默认就是document
合并事件:
mouseenter()     //鼠标移入
mouseleave()     //鼠标移出
hover(fun1,fun2)     //鼠标移入和移出
focusin()     光标激活
focusout      光标移出
绑定事件:
bind(事件名, 处理函数)     //该处理函数可以是匿名函数也可以是声明的函数,事件名如果是多个,用空格隔开
one(事件名, 处理函数)      //事件触发时只执行一次,然后自动立即删除
删除事件:
unbind([事件名],[处理函数引用变量])
1,如果没有参数,则删除绑定的所有事件;
2,如果只有事件类型参数,只删除该类型的绑定事件;
3,如果还提供了绑定时传递的处理函数,则只删除该特定处理函数的事件。
事件对象:
在事件处理函数中添加event参数(或者任一个参数),当事件触发时,也就创建了事件对象,该事件对象只有该事件处理函数才能访问到,当事件处理函数运行结束时,事件对象自动删除
$(Element).click(function(event){
     ………………
})
当在含有事件对象的处理函数中返回false(return false;),作用是阻止事件冒泡并且阻止元素默认行为。(元素的默认行为比如超链接的跳转、表单的提交等)
$(Element).click(function(event){
     ………………
     return false;
})
即return false等同于
     evnet.stopPropagation();
     event.preventDefault();
event.target     //获取事件所绑定的元素,注意获取的是元素的Jquery对象,如
$(“div”).click(function(event){
     var $a=event.target;
})
$a得到的是$(“div”)而不是”div”
模拟操作:
trigger(type,[data])     //无需用户触发,页面加载完毕后自动触发
下拉滚动条时,元素定位:(比如导航条)
capacityFixed()

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:昔年博客 » jQuery中的事件
分享本文至:
点击评论 您阅读这篇文章共花了: 

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)