jQuery学习笔记(2)

了解jQuery事件

何为事件

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

常见事件

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

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

语法

1
$(selector).action()

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


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

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

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

常见事件

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