1、第一步首先介绍一下页面对访问者的响应就是事件,jquery常用的事件主要有鼠标事件,键盘事件,表单事件,窗口事件四种,jquery常用事件如下图所示:
2、第二步这里通过实例介绍一个鼠标事件click(),点击按钮触发调用一个函数,通过$("p").click(function(){$(this).hide(); });代码点击段落文字就调用函数进行隐藏p段落文字,如下图所示:
3、第三步我们在浏览器中打开页面,可以看到页面有三段文字,如下图所示:
4、第四步点击第一段文字,可以看到触发了事件click(),调用函数,将p段落的文字隐藏掉了,如下图所示:
5、第五步介绍一下鼠标dblclick(),mouseenter(),mouseleave()糙怍牢莱事件,dblclick()事件是双击元素触发,mouseenter()事件鼠标指针穿过元素触发,mouseleave()事件是指针离开元素触发,使用代码如下图所示:
6、第六步最后介绍一下hover()和focus()事件,hover()事件光标悬停的时候触发,focus()事件是在元素获得焦点时触发,如果需要更详细的了解事件,可以去查看jquery文档,如下图所示: