Fork me on GitHub

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()当鼠标悬停在该元素上时触发
posted @ 2019-02-04 15:51  Ethan_Zhou  阅读(...)  评论(...编辑  收藏