jQuery中的事件
- 2013-10-14 10:50:00
- admin 原创
- 6465
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()
版权声明:本站原创文章,转载请注明作者和出处。