Jquery入门之---------基本事件------------
Javascript有一个非常重要的功能,就是事件驱动。
当页面完成加载后,用户通过鼠标或键盘触发页面中绑定事件的元素即可触发。Jquery为开发者更有效率的编写事件行为,封装了大量有益的事件方法供我们应用。
事件的简写形式:
为了开发者更加方便的绑定事件,Jquery 封装了常用的事件以便节约更多的代码。 -------------》简写事件。
下面我们来主要分析一下简写事件都有哪些?
从触发的条件来看,可以分为:
1:鼠标触发的事件;
2:键盘触发的事件;
3:文档触发的事件;
4:表单触发的事件;
为了便于大家更快的记忆,我为大家准备了这张图表来助于记忆与掌握:
1 2 3 4 5 6 | < div style = "width:200px;height:200px;background:green;"> < p style = "width:100px;height:100px;background:red;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, officiis! </ p > </ div > < strong >Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae, et quis nemo obcaecati earum consequuntur.</ strong > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //mouseover事件 $( "div" ).mouseover( function (){ $( 'strong' ).html( function (index,value){ return value+ '1' ; }); }); //click事件 $( 'div' ).click( function (){ $( 'strong' ).css( 'color' , 'red' ); }); //keypress事件 $( 'input' ).keypress( function (e){ alert(e.charCode); }); |
好了!基本的事件就讲到这了,欢迎大家继续关注!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!
· 从 Windows Forms 到微服务的经验教训