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!");
});