JQuery--事件处理

1、在页面加载完毕之后,浏览器会通过JavaScript为DOM元素添加事件。在常规的JavaScript代码中,通常使用window.onload方法,在jQuery中使用$(document).ready();

2、对匹配的元素进行特定的事件绑定:bind();

3、合成事件:

--1)hover():模拟光标悬停事件。当光标移到到元素上时,会触发指定的第一个函数,当光标移出这个元素时,会触发指定的第二个元素;

--2)toggle():用于模拟鼠标连续点击事件,第一次单机元素,触发指定的第一个函数,再次单机同一个元素时,触发第二个指定的函数。。。如果有多个函数,依次触发,直到最后一个;toggle()的另一个作用:切换元素的可见状态;

4、事件冒泡:事件会按照DOM层次结构不断向上至顶端;在事件处理函数中返回false,会对事件停止冒泡,还可以停止元素的默认行为;

5、事件对象的属性:

--事件对象:当触发事件时,事件对象就被创建了。在程序中使用事件只需要添加一个参数。该事件对象只有事件处理函数才能访问。事件函数处理完毕之后,事件对象就被销毁;

--event.pageX,event.pageY:获取光标相对于页面的x, y坐标;

6、移除事件:

--移除某按钮上的click事件:$("button").unbind("click");

--移除某按钮上的所有事件:$("button").unbind();

--one():该方法可以为元素绑定处理函数,当处理函数触发一次后,立即被删除。即在每个对象上,事件处理函数只会执行一次;

 

posted on 2015-12-08 17:48  _taoGe  阅读(148)  评论(0编辑  收藏  举报