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()
当鼠标悬停在该元素上时触发