何为事件

就是你的鼠标,键盘等对网页元素进行的操作。

常见事件

鼠标事件 键盘事件 表单事件 文档/窗口事件
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()当鼠标悬停在该元素上时触发

最新文章

  1. podfile The dependency `` is not used in any concrete target
  2. Python调用C++的DLL
  3. 2016-2017-2 《Java程序设计》预备作业1 总结
  4. Instant Radiosity实现
  5. MySQL工具汇总
  6. SQLPlus Error handle
  7. boa服务器安装
  8. python练习程序(c100经典例19)
  9. C 编译器错误信息中文翻译
  10. 矩形类定义【C++】
  11. win10 uwp BadgeLogo 颜色
  12. Nexus3将本地jar包添加到仓库
  13. 【翻译】如何创建Ext JS暗黑主题之二
  14. BSGS+exBSGS POJ2417+POJ3243
  15. html、css基础整理
  16. Zephyr学习(五)线程和调度
  17. eclipse Oxygen2 4.7.2版本安装activiti插件,并兼容svn插件
  18. mysql大表设计以及优化
  19. 分析Item
  20. C# WebApi 返回JSON

热门文章

  1. 增强学习--TRPO算法
  2. python 提取目录中特定类型的文件
  3. Nginx记录post body内容
  4. Android AIDL使用详解_Android IPC 机制详解
  5. [MySQL] 行级锁SELECT ... LOCK IN SHARE MODE 和 SELECT ... FOR UPDATE
  6. 如何使用Arduino UNO开发板编程ATtiny85
  7. keras模块之-优化器(optimizers)--笔记
  8. test20190519 NOIP 模拟赛 3
  9. JQuery系列(1) - 选择器、构造函数、实例方法
  10. java常用日期类型转换