jQuery 事件-阿里云开发者社区

开发者社区> 突突修> 正文

jQuery 事件

简介: 什么是事件? 页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 实例: 在元素上移动鼠标。 选取单选按钮 点击元素 | 鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 | | click |...
+关注继续查看

什么是事件?

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例:

在元素上移动鼠标。
选取单选按钮
点击元素

| 鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
| click | keypress | submit | load |
| dblclick | keydown | change | resize |
| mouseenter | keyup | focus | scroll |
| mouseleave | | blur | unload |

jQuery 事件方法语法

页面中指定一个点击事件:
$("p").click();

定义什么时间触发事件。您可以通过一个事件函数实现:

$("p").click(function(){
// 动作触发后执行的代码!!
});

实例:当点击事件在某个 <p> 元素上触发时,隐藏当前的 <p> 元素:

$("p").click(function(){
$(this).hide();
});
尝试一下 »

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
10个最好的 JavaScript 动画库【值得收藏】
10个最好的 JavaScript 动画库【值得收藏】
8 0
谈谈前端水印实现的几种方式
谈谈前端水印实现的几种方式
20 0
你真的了解CSS3硬件加速吗?
你真的了解CSS3硬件加速吗?
16 0
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
HTML中的<meta/>标签还能这么玩???【居然能搞动画】
4 0
12道 javaScript 经典逻辑题,是否承载着你的回忆
12道 javaScript 经典逻辑题,是否承载着你的回忆
4 0
Bootstrap 起步|学习笔记
快速学习 Bootstrap 起步
4 0
详解使用VueJS开发项目中的兼容问题
详解使用VueJS开发项目中的兼容问题
11 0
SpringBoot时间格式化的5种方法!(3)
SpringBoot时间格式化的5种方法!(3)
6 0
前后端分离 -- 深入浅出 Spring Boot + Vue 实现工程项目进度管理系统 Vue不过如此~
前后端分离 -- 深入浅出 Spring Boot + Vue 实现工程项目进度管理系统 Vue不过如此~
5 0
+关注
197
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载