jQuery学习笔记——事件

时间:2020-12-26 15:28:49

何为事件

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

常见事件

鼠标事件 键盘事件 表单事件 文档/窗口事件
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()当鼠标悬停在该元素上时触发