jQuery学习笔记——事件
2024-10-21 10:04:35
何为事件
就是你的鼠标,键盘等对网页元素进行的操作。
常见事件
鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
---|---|---|---|
click | keypress | submit | load |
dblclick | keydown | change | resize |
mouseenter | keyup | focus | scroll |
mouseleave | hover | blur | unload |
可以看到,以上事件的命名都十分友好,基本可以看出其用处,所以今天就只写了最常用的事件。
语法
$(selector).action()
在选择器后面加上事件名和括号即可,比如说$("p").click()
。括号内的参数是该事件发生之后执行的函数。
注:
括号内一定只能写匿名函数!不能直接写js语句!
举个栗子,以下的html代码就可以实现一个按钮,点击它就会隐藏。
<button id="mybt">click me!</button>
<script type="text/javascript">
$("#mybt").click(function(){
$(this).hide();
})
</script>
常见事件
click()
单击元素时触发dblclick()
双击元素时触发mouseenter()
鼠标穿过元素时触发mousedown()
跟click()
差不多mouseup()
当在元素上松开鼠标时触发hover()
当鼠标悬停在该元素上时触发
最新文章
- podfile The dependency `` is not used in any concrete target
- Python调用C++的DLL
- 2016-2017-2 《Java程序设计》预备作业1 总结
- Instant Radiosity实现
- MySQL工具汇总
- SQLPlus Error handle
- boa服务器安装
- python练习程序(c100经典例19)
- C 编译器错误信息中文翻译
- 矩形类定义【C++】
- win10 uwp BadgeLogo 颜色
- Nexus3将本地jar包添加到仓库
- 【翻译】如何创建Ext JS暗黑主题之二
- BSGS+exBSGS POJ2417+POJ3243
- html、css基础整理
- Zephyr学习(五)线程和调度
- eclipse Oxygen2 4.7.2版本安装activiti插件,并兼容svn插件
- mysql大表设计以及优化
- 分析Item
- C# WebApi 返回JSON
热门文章
- 增强学习--TRPO算法
- python 提取目录中特定类型的文件
- Nginx记录post body内容
- Android AIDL使用详解_Android IPC 机制详解
- [MySQL] 行级锁SELECT ... LOCK IN SHARE MODE 和 SELECT ... FOR UPDATE
- 如何使用Arduino UNO开发板编程ATtiny85
- keras模块之-优化器(optimizers)--笔记
- test20190519 NOIP 模拟赛 3
- JQuery系列(1) - 选择器、构造函数、实例方法
- java常用日期类型转换