首页 前端知识 jQuery事件

jQuery事件

2024-10-26 09:10:14 前端知识 前端哥 175 866 我要收藏

语法: $().click(function(……){})

说明:鼠标单击操作(并不是只有按钮才有,我们可以为任何一个元素添加单击操作)

2:鼠标移入移出 mouseover mouseout

在这里插入图片描述

此处使用了链式调用,对同一个对象进行多种操作,可以节省代码量。

3:鼠标按下与鼠标松开 mousedown 与mouseup

在这里插入图片描述

5.3:键盘操作

键盘按下与键盘松开 keydown 与keyup

在这里插入图片描述

5.4:表单事件

1:获取焦点 focus 和失去焦点 blur

注:focus不仅仅可以当作事件操作,也可以作为一个方法,即获取焦点。

2:change事件(可以使用click)

说明:常用于具有多个选项的表单元素,可以在以下条件下被触发:

1、单选框选择某一项  2、复选框选择某一项 3、下拉菜单选择某一项

在这里插入图片描述

5.5:编辑事件

在jQuery中,常用的编辑事件只有contextmenu事件

点击鼠标右键改变颜色

在这里插入图片描述

6:事件进阶


6.1:绑定事件

在jQuery中我们可以使用on()方法伟元素绑定事件,有点类似于JavaScript的addEventListener()方法。

语法: $().on(type,fn)

说明:type为必选参数,表示事件类型,如单击事件"click",fn表示匿名函数。

6.1.1:静态绑定方法

在这里插入图片描述

6.1.2:动态绑定方法

在这里插入图片描述

6.1.3:解绑事件

语法:$().off(type)

6.2:合成事件

算法刷题

大厂面试还是很注重算法题的,尤其是字节跳动,算法是问的比较多的,关于算法,推荐《LeetCode》和《算法的乐趣》,这两本我也有电子版,字节跳动、阿里、美团等大厂面试题(含答案+解析)、学习笔记、Xmind思维导图均可以分享给大家学习。

写在最后

最后,对所以做Java的朋友提几点建议,也是我的个人心得:

  1. 疯狂编程

  2. 学习效果可视化

  3. 写博客

  4. 阅读优秀代码

  5. 心态调整

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19169.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!