jquery基础小总结

一、jQuery 事件

页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调

用的方法。

分类 事件

分类	事件	描述
页面载入	ready()	当 DOM 载入就绪可以查询及操纵时绑定一个要执行的函数。
事件处理	on()	向元素添加事件处理程序 1. //为按钮绑定点击事件 2. $(".btn").on("click",function(){ 3. alert("被点击了。"); 4. });
	off()	移除通过 on() 方法添加的事件处理程序 1. //移除按钮上的点击事件 2. $(".btn").off("click");
	bind()	向元素添加事件处理程序
	unbind()	bind()的反向操作，从每一个匹配的元素中删除绑定的事件。 自 jQuery 版本 1.7 起，on() 和 off() 方法是在元素上添加 和移除事件处理程序的首选方法。
	one()	向被选元素添加一个或多个事件处理程序。该处理程序只能被 每个元素触发一次
	trigger()	触发绑定到被选元素的所有事件 1. //按钮点击事件触发文本框焦点事件,文本框获得焦点并执行 函数 2. $("#btn1").click(function(){ 3. $("#ipt").trigger("focus"); 4. });
	triggerHandler()	触发绑定到被选元素的指定事件上的所有函数 1. //按钮点击事件触发文本框焦点事件函数，文本框未获得焦 点 2. $("#btn2").click(function(){ 3. $("#ipt").triggerHandler("focus"); 4. });
事件委派	派 delegate()	向匹配元素的当前或未来的子元素添加处理程序 1. //为 div 的子元素 p 绑定点击事件 2. $("div").delegate("p","click",function(){ 3. $("p").css("background-color","pink"); 4. });
	undelegate()	从现在或未来的被选元素上移除事件处理程序
事件切换	hover()	规定当鼠标指针悬停以及离开在被选元素上时要运行的两个 函数 如果只指定一个函数，则 mouseenter 和 mouseleave 都 执行它
	toggle()	在版本 1.9 中被移除。 添加 click 事件之间要切换的两个或多个函数
常见事件	click()	添加/触发 click 事件
	dblclick()	添加/触发双击事件
	mouseenter()	添加/触发鼠标移入事件
	mouseleave()	添加/触发鼠标离开事件 事件只有在离开被选元素的时候才会触发，该事件大多数时 候会与 mouseenter 事件一起使用。mousemove() 添加/触发移动事件
	mouseout()	添加/触发鼠标离开事件 事件在鼠标离开被选元素的子元素时也会触发
	mouseover()	当鼠标指针位于元素上方时触发的事件 事件在鼠标指针进入被选元素或任意子元素时都会被触发

 

页面

常见

	mousedown()	添加/触发鼠标按下事件
	mouseup()	添加/触发鼠标松开事件
	keydown()	当键盘或按钮被按下时，发生 keydown 事件。（过程）
	keypress()	当键盘或按钮被按下时，发生 keypress 事件。
	keyup()	当按钮被松开时，发生 keyup 事件。 它发生在当前获得焦点的元素上。
	submit()	当提交表单时，会发生 submit 事件。
	change()	当元素的值发生改变时，会发生 change 事件。
	focus()	当元素获得焦点时，触发 focus 事件。
	blur()	当元素失去焦点时触发 blur 事件。
	select()	当 textarea 或文本类型的 input 元素中的文本被选择时，会 发生 select 事件。
	load()	在版本 1.8 中被废弃。添加事件处理程序到加载页面事件
	unload()	在版本 1.8 中被废弃。添加事件处理程序到离开页面事件
	resize()	当调整浏览器窗口的大小时，发生 resize 事件。
	scroll()	当用户滚动指定的元素时，会发生 scroll 事件。