手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jquery常用事件怎么使用

时间:2024-10-13 17:22:27

1、第一步首先介绍一下页面对访问者的响应就是事件,jquery常用的事件主要有鼠标事件,键盘事件,表单事件,窗口事件四种,jquery常用事件如下图所示:

jquery常用事件怎么使用

2、第二步这里通过实例介绍一个鼠标事件click(),点击按钮触发调用一个函数,通过$("p").click(function(){$(this).hide(); });代码点击段落文字就调用函数进行隐藏p段落文字,如下图所示:

jquery常用事件怎么使用

3、第三步我们在浏览器中打开页面,可以看到页面有三段文字,如下图所示:

jquery常用事件怎么使用

4、第四步点击第一段文字,可以看到触发了事件click(),调用函数,将p段落的文字隐藏掉了,如下图所示:

jquery常用事件怎么使用

5、第五步介绍一下鼠标dblclick(),mouseenter(),mouseleave()糙怍牢莱事件,dblclick()事件是双击元素触发,mouseenter()事件鼠标指针穿过元素触发,mouseleave()事件是指针离开元素触发,使用代码如下图所示:

jquery常用事件怎么使用

6、第六步最后介绍一下hover()和focus()事件,hover()事件光标悬停的时候触发,focus()事件是在元素获得焦点时触发,如果需要更详细的了解事件,可以去查看jquery文档,如下图所示:

jquery常用事件怎么使用
© 手抄报圈