jquery常用事件怎么使用

2025-10-28 05:50:49

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常用事件怎么使用

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:52
  • 阅读量:154
  • 阅读量:122
  • 阅读量:158
  • 阅读量:73
  • 猜你喜欢