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);
});

  

好了!基本的事件就讲到这了,欢迎大家继续关注!

 

posted @   毅栈  阅读(227)  评论(0编辑  收藏  举报
编辑推荐:
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
阅读排行:
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!
· 从 Windows Forms 到微服务的经验教训
点击右上角即可分享
微信分享提示