知识学习——jQuery事件

bind() 方法

定义：为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数

$(selector).bind(event,data,function)//event事件名,data额外的数据（可选）,function执行的函数//替代语法$(selector).bind({event:function, event:function, ...})

blur() 方法

定义：当元素失去焦点时发生 blur 事件

$(selector).blur(function)

change() 方法

定义：当元素的值发生改变时，会发生 change 事件，该事件仅适用于文本域（text field），以及 textarea 和 select 元素。

$(selector).change(function)

click() 方法

定义：当点击元素时，会发生 click 事件。

$(selector).click(function)

dblclick() 方法

定义：当双击元素时，会发生 dblclick 事件。

$(selector).dblclick(function)

delegate()方法

定义：为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些
事件发生时运行的函数。

$(selector).delegate(childSelector,event,data,function)//childSelector要附加事件处理程序的一个或多个子元素。//event事件,data数据,function函数//实例$("div").delegate("button","click",function(){    $("p").slideToggle();});

live()方法

定义：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

$(selector).live(event,data,function)//event必需。规定要附加的一个或多个事件处理程序。由空格分隔多个事件值。必须是有效的事件。//function可选。规定要移除的特定函数。

die() 方法

定义：移除所有通过 live() 方法向指定元素添加的一个或多个事件处理程序。

$(selector).die(event,function)//event必需。规定要移除的一个或多个事件处理程序。由空格分隔多个事件值。必须是有效的事件。//function可选。规定要移除的特定函数。

error()方法

定义：当元素遇到错误（没有正确载入）时，发生 error 事件。

$(selector).error(function)

isDefaultPrevented() 方法

定义：返回指定的 event 对象上是否调用了 preventDefault() 方法。

event.isDefaultPrevented()//实例，event 参数来自事件绑定函数。$("a").click(function(event){event.preventDefault();alert("Default prevented: " + event.isDefaultPrevented());});

pageX 属性

定义：是鼠标指针的位置，相对于文档的左边缘。

event.pageX//event 参数来自事件绑定函数。

pageY 属性

定义：鼠标指针的位置，相对于文档的上边缘。

event.pageY//event 参数来自事件绑定函数。

preventDefault()方法

定义：阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。

event.preventDefault()//必需。规定阻止哪个事件的默认动作。这个 event 参数来自事件绑定函数。

result 属性

定义：包含由被指定事件触发的事件处理器返回的最后一个值，除非这个值未定义。

event.result//必需。规定返回的最后一个值来自哪个事件。这个 event 参数来自事件绑定函数。

target 属性

定义：规定哪个 DOM 元素触发了该事件

event.target//必需。规定需要检查的事件。这个 event 参数来自事件绑定函数。

timeStamp 属性

定义：包含从 1970 年 1 月 1 日到事件被触发时的毫秒数

event.timeStamp//必需。规定返回该时间戳的事件。这个 event 参数来自事件绑定函数。

type 属性

定义：描述触发哪种事件类型

event.type//必需。规定要检查的事件。这个 event 参数来自事件绑定函数。

which 属性

定义：指示按了哪个键或按钮。

event.which//必需。规定要检查的事件。这个 event 参数来自事件绑定函数。

focus() 方法

定义：当元素获得焦点时，发生 focus 事件。

$(selector).focus(function)//实例//当输入框获得焦点时，改变它的背景色：$("input").focus(function(){    $("input").css("background-color","#FFFFCC");});

keydown()方法

定义：当按钮被按下时，发生 keydown 事件。

$(selector).keydown(function)//如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。//所以使用 .which 属性来确定按下了哪个按键

keypress()方法

定义：当按钮被按下时，会发生该事件。它发生在当前获得焦点的元素
上。

$(selector).keypress(function)

keyup()方法

定义：当按钮被松开时，发生 keyup 事件

$(selector).keyup(function)

load()方法

定义：当指定的元素（及子元素）已加载时，会发生 load() 事件。

$(selector).load(function)//实例//当图像加载时，改变 div 元素的文本：$("img").load(function(){    $("div").text("Image loaded");});

mousedown()方法

定义：当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件

$(selector).mousedown(function)

mouseenter()方法

定义：当鼠标指针穿过元素时，会发生 mouseenter 事件。

$(selector).mouseenter(function)

mouseleave()方法

定义：当鼠标指针离开元素时，会发生 mouseleave 事件。

$(selector).mouseleave(function)

mousemove()方法

定义：当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件

$(selector).mousemove(function)

mouseout()方法

定义：当鼠标指针从元素上移开时，发生 mouseout 事件。

$(selector).mouseout(function)//与 mouseleave 事件不同，不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。//只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

mouseover() 方法

定义：当鼠标指针位于元素上方时，会发生 mouseover 事件

$(selector).mouseover(function)//与 mouseenter 事件不同，不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。//只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。

mouseup() 方法

定义：当在元素上放松鼠标按钮时，会发生 mouseup 事件

$(selector).mouseup(function)

one() 方法

定义：法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。
当使用 one() 方法时，每个元素只能运行一次事件处理器函数。

$(selector).one(event,data,function)//event事件名,data额外的数据（可选）,function执行的函数

ready()方法

定义：当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。

$(document).ready(function)

resize()方法

定义：当调整浏览器窗口的大小时，发生 resize 事件。

$(selector).resize(function)

scroll()方法

定义：当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。

$(selector).scroll(function)

select()方法

定义：当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件

$(selector).select(function)

submit() 方法

定义：当提交表单时，会发生 submit 事件。该事件只适用于表单元素。

$(selector).submit(function)//实例//当提交表单时，显示警告框：$("form").submit(function(e){    alert("Submitted");});

toggle() 方法

定义：toggle() 方法用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件,该方法也可用于切换被选元素的 hide() 与 show() 方法。

$(selector).toggle(function1(),function2(),functionN(),...)//function1() 必需。规定当元素在每偶数次被点击时要运行的函数。//function2() 必需。规定当元素在每奇数次被点击时要运行的函数。

切换 Hide() 和 Show()

//检查每个元素是否可见。//如果元素已隐藏，则运行 show()。如果元素可见，则元素 hide()。这样就可以创造切换效果。$(selector).toggle(speed,callback)//speed 可选。规定 hide/show 效果的速度。默认是 "0"。//callback 可选。当 toggle() 方法完成时执行的函数

显示或隐藏元素

规定是否只显示或只隐藏所有匹配的元素。

$(selector).toggle(switch)//switch 必需。布尔值，规定 toggle() 是否应只显示或只隐藏所有被选元素。//true - 显示元素 false - 隐藏元素

trigger()方法

定义：触发被选元素的指定事件类型。

$(selector).trigger(event,[param1,param2,...])//event 必需。规定指定元素要触发的事件。//可以使自定义事件（使用 bind() 函数来附加），或者任何标准事件。//[param1,param2,...]可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。

使用 Event 对象来触发事件

$(selector).trigger(eventObj)//eventObj 必需。规定事件发生时运行的函数。

triggerHandler()方法

定义：触发被选元素的指定事件类型。但不会执行浏览器默认动作，也不会产生事件冒
泡。

$(selector).triggerHandler(event,[param1,param2,...])//event 必需。规定指定元素要触发的事件。//[param1,param2,...]可选。传递到事件处理程序的额外参数。

unbind()方法

定义：移除被选元素的事件处理程序。

$(selector).unbind(event,function)//event可选。规定删除元素的一个或多个事件,由空格分隔多个事件值。//如果只规定了该参数，则会删除绑定到指定事件的所有函数。

//使用 Event 对象来取消绑定事件处理程序$(selector).unbind(eventObj)//eventObj 可选。规定要使用的事件对象。

undelegate()方法

定义：删除由 delegate() 方法添加的一个或多个事件处理程序。

$(selector).undelegate(selector,event,function)//selector 可选。规定需要删除事件处理程序的选择器。//event 可选。规定需要删除处理函数的一个或多个事件类型。//function 可选。规定要删除的具体事件处理函数。

unload 属性

定义：当用户离开页面时，会发生 unload 事件。
unload() 方法将事件处理程序绑定到 unload 事件。
unload() 方法只应用于 window 对象。

event.unload(function)//实例//当用户点击链接离开本页时，弹出一个消息框：$(window).unload(function(){    alert("Goodbye!");});