jQuery事件有哪些，jQuery事件大全（新手必看）

只有页面加载显然是不够的，程序在其他时候也需要完成某个任务，例如鼠标单击（onclick）事件、敲击键盘（onkeypress）事件以及失去焦点（onblur）事件等。

在不同的浏览器中，事件名称是不同的，例如 IE 中的事件名称大部分都含有 on，如 onkeypress 事件，但是在 Firefox 浏览器中却没有这个事件名称，jQuery 统一了所有事件的名称。

jQuery 中的事件如下表所示：

表：jQuery 中的事件

事件	说明
blur()	触发元素的 blur 事件，jQuery 3.3 中已废弃，请使用 .trigger("blur")
blur(fn)	在每一个匹配元素的 blur 事件中绑定一个处理函数，在元素失去焦点时触发，元素失去焦点的行为既可以是鼠标行为也可以是使用 Tab 键离开的行为，jQuery 3.3 中已废弃，请使用 .on("blur", handler) 或者 .on("blur", eventData, handler)
change()	触发元素的 change 事件，jQuery 3.3 中已废弃，请使用 .trigger("change")
change(fn)	在每一个匹配元素的 change 事件中绑定一个处理函数，在元素的值改变并失去焦点时触发，jQuery 3.3 中已废弃，请使用 .on("change", handler) 或者 .on("change", eventData, handler)
click()	触发元素的 click 事件，jQuery 3.3 中已废弃，请使用 .trigger("click")
click(fn)	在每一个匹配元素的 click 事件中绑定一个处理函数，在元素上单击时触发，jQuery 3.3 中已废弃，请使用 .on("click", handler) 或 .on("click", eventData, handler)
dblclick()	触发元素的 dblclick 事件，jQuery 3.3 中已废弃，请使用 .trigger("dblclick")
dblclick(fn)	在每一个匹配元素的 dblclick 事件中绑定一个处理函数，在某个元素上双击时触发，jQuery 3.3 中已废弃，请使用 .on("dblclick", handler) 或 .on("dblclick", eventData, handler)
focus()	触发元素的 focus 事件，jQuery 3.3 中已废弃，请使用 .trigger("focus")
focus(fn)	在每一个匹配元素的 focus 事件中绑定一个处理函数，在匹配的元素获得焦点时触发，通过鼠标单击或者按 Tab 键触发，jQuery 3.3 中已废弃，请使用 .on("focus", handler) 或 .on("focus", eventData, handler)
focusin([data], fn)	在元素获得焦点时触发 focusin 事件。focusin 事件与 focus 事件的区别在于，focusin 事件可以在父元素上检测子元素获取焦点的情况，jQuery 3.3 中已废弃，请使用 .trigger("focusin")、.on("focusin", handler) 或 .on("focusin", eventData, handler)
focusout([data], fn)	在元素失去焦点时触发 focusout 事件。focusout 事件与 blur 事件的区别在于，focusout 事件可以在父元素上检测子元素失去焦点的情况，jQuery 3.3 中已废弃，请使用 .trigger("focusout")、.on("focusout", handler) 或 .on("focusout", eventData, handler)
keydown()	触发元素的 keydown 事件，jQuery 3.3 中已废弃，请使用 .trigger("keydown")
keydown(fn)	在每一个匹配元素的 keydown 事件中绑定一个处理函数，在按下键盘按键时触发，jQuery 3.3 中已废弃，请使用 .on("keydown", handler) 或 .on("keydown", eventData, handler)
keyup()	触发元素的 keyup 事件，jQuery 3.3 中已废弃，请使用 .trigger("keyup")
keyup(fn)	在每一个匹配元素的 keyup 事件中绑定一个处理函数，在释放按下的键时触发，jQuery 3.3 中已废弃，请使用 .on("keyup", handler) 或 .on("keyup", eventData, handler)
keypress()	触发元素的 keypress 事件，jQuery 3.3 中已废弃，请使用 .trigger("keypress")
keypress(fn)	在每一个匹配元素的 keypress 事件中绑定一个处理函数，敲击按键（即按下并释放同一个按键）时触发，jQuery 3.3 中已废弃，请使用 .on("keypress", handler) 或 .on("keypress", eventData, handler)
load(fn)	在每一个匹配元素的 load 事件中绑定一个处理函数，在匹配元素的内容完全加载完毕后触发
mousedown(fn)	在每一个匹配元素的 mousedown 事件中绑定一个处理函数，在鼠标单击元素后触发，jQuery 3.3 中已废弃，请使用 .trigger("mousedown")、.on("mousedown", handler) 或 .on("mousedown", eventData, handler)
mouseenter([data], fn)	在鼠标指针接触元素时，触发 mouseenter 事件，jQuery 3.3 中已废弃，请使用 .trigger("mouseenter")、.on("mouseenter", handler) 或 .on("mouseenter", eventData, handler)
mouseleave([data], fn)	在鼠标指针离开元素时，触发 mouseleave 事件，jQuery 3.3 中已废弃，请使用 .trigger("mouseleave")、.on("mouseleave", handler) 或 .on("mouseleave", eventData, handler)
mousemove(fn)	在每一个匹配元素的 mousemove 事件中绑定一个处理函数，在鼠标指针在元素上移动时触发，jQuery 3.3 中已废弃，请使用 .trigger("mousemove")、.on("mousemove", handler) 或 .on("mousemove", eventData, handler)
mouseout(fn)	在每一个匹配元素的 mouseout 事件中绑定一个处理函数，在鼠标指针从元素上离开时触发，jQuery 3.3 中已废弃，请使用 .trigger("mouseout")、.on("mouseout", handler) 或 .on("mouseout", eventData, handler)
mouseover(fn)	在每一个匹配元素的 mouseover 事件中绑定一个处理函数，在鼠标指针移入对象时触发，jQuery 3.3 中已废弃，请使用 .trigger("mouseover")、.on("mouseover", handler) 或 .on("mouseover", eventData, handler)
mouseup(fn)	在每一个匹配元素的 mouseup 事件中绑定一个处理函数，在鼠标单击对象释放时触发，jQuery 3.3 中已废弃，请使用 .trigger("mouseup")、.on("mouseup", handler) 或 .on("mouseup", eventData, handler)
resize(fn)	在每一个匹配元素的 resize 事件中绑定一个处理函数，在文档窗口改变大小时触发，jQuery 3.3 中已废弃，请使用 .trigger("resize")、.on("resize", handler) 或 .on("resize", eventData, handler)
scroll(fn)	在每一个匹配元素的 scroll 事件中绑定一个处理函数，在滚动条发生变化时触发，jQuery 3.3 已废弃，请使用 .trigger("scroll")、.on("scroll", handler) 或 .on("scroll", eventData, handler)
select()	触发元素的 select 事件，jQuery 3.3 中已废弃，请使用 .trigger("select")
select(fn)	在每一个匹配元素的 select 事件中绑定一个处理函数，当用户（包括 input 和 textarea）选中文本框中某段文本时触发，jQuery 3.3 中已废弃，请使用 .on("select", handler) 或 .on("select", eventData, handler)
submit()	触发元素的 submit 事件，jQuery 3.3 中已废弃，请使用 .trigger("submit")
submit(fn)	在每一个匹配元素的 submit 事件中绑定一个处理函数，在表单提交时触发，jQuery 3.3 中已废弃，请使用 .on("submit", handler) 或 .on("submit", eventData, handler)

这些都是对应的 jQuery 中的事件，和传统的 JavaScript 中的事件几乎相同，只是事件名称不同。方法中的 fn 参数表示一个处理函数，事件处理程序就写在这个处理函数中。