jQuery中的事件

2013-10-14 10:50:00
admin
原创
6075

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()

版权声明

版权声明:本站原创文章,转载请注明作者和出处。

本站点采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议