javascript的交互是基于事件的,在使用jQuery之后,可以使用object.bind(type, [data], fn)函数来进行事件的绑定,其中第一个参数是一整个字符串,表示事件的类型,第二个参数表示要传递的属性值,是一个可选参数,第三个参数是一个function对象,javascript定义的事件类型,jQuery也是支持的,只不过少了前缀on。
jQuery支持的事件如下:
鼠标事件,click、dbclick、mouseover、mouseout、mouseenter、mousedown、mouseout、mouseleave
文本框、下拉框内容改变事件,change
获取焦点事件,focus
失去焦点事件,blur
下拉框选中事件,select
文档加载事件load
文档卸载事件unload
表单提交事件,submit
表单取消事件,reset
此外还有一些按键事件等等。
jQuery中包含了两个合成事件hover和toggle
hover是模拟鼠标的mouseover和mouseout事件。hover(enterFunc, leaveFunc),第一个参数是鼠标移进来时触发函数,第二个函数是鼠标移出去时触发的函数
toggle是模拟鼠标依次点击的事件,会依次触发。toggle(func1, func2),当鼠标第一次点击会触发func1的调用,鼠标第二次点击会触发func2的调用,超出两次,那么又是依次从左到右进行调用,也就是说,奇数次单击鼠标会触发func1,而偶数次单击鼠标,会触发func2。