事件一般是用户对页面的一些“小动作”引起的,例如按下鼠标、移动鼠标等,这些都会触发相应的一个事件。jQuery基本的事件共有以下6种。
(1)页面事件
使用$(document).ready()来替代JavaScript中的window.onload
1.jQuery的ready事件仅仅是DOM元素加载完成就可以执行,而JavaScript的onload事件除了DOM元素加载完成后还需要等所有外部文件也加载完成才可以执行。
2.在jQuery中,ready事件是可以多次执行的。
(2)鼠标事件
在jQuery中,如果对同一个对象进行多种操作,则可以使用链式调用的语法。链式调用是jQuery中经典语法之一,不仅节省代码量,还可以提高代码的性能效率。
(3)键盘事件
键盘按下:keydown
键盘松开:keyup
键盘事件一般有两个用途:表单操作和动画控制
(4)表单事件
(1)focus和blur
焦点事件(focus和blur)一般用于单行文本框和多行文本框,其他地方比较少见
(2)select
我们选中“单行文本框”或“多行文本框”中的内容时,就会触发select事件
(3)change
(1)单选框选择某一项时触发。
(2)复选框选择某一项时触发。
(3)下拉菜单选择某一项时触发。
(5)编辑事件
(6)滚动事件
scroll事件经常配合scrollTop()方法一起使用的
技巧非常好用,常用于固定某个栏目