jQuery学习笔记——事件

何为事件

就是你的鼠标，键盘等对网页元素进行的操作。

常见事件

鼠标事件	键盘事件	表单事件	文档/窗口事件
click	keypress	submit	load
dblclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave	hover	blur	unload

可以看到，以上事件的命名都十分友好，基本可以看出其用处，所以今天就只写了最常用的事件。

语法

$(selector).action()

在选择器后面加上事件名和括号即可，比如说$("p").click()。括号内的参数是该事件发生之后执行的函数。

---

注：

括号内一定只能写匿名函数！不能直接写js语句！

---

举个栗子，以下的html代码就可以实现一个按钮，点击它就会隐藏。

<button id="mybt">click me!</button>
<script type="text/javascript">
	$("#mybt").click(function(){
		$(this).hide();
	})
</script>

常见事件

• click()单击元素时触发
• dblclick()双击元素时触发
• mouseenter()鼠标穿过元素时触发
• mousedown()跟click()差不多
• mouseup()当在元素上松开鼠标时触发
• hover()当鼠标悬停在该元素上时触发