jqurey事件

jQuery 事件函数

jQuery 事件处理方法是 jQuery 中的核心函数。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。

通常会把 jQuery 代码放到 <head>部分的事件处理方法中:

eg:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>

</html>

该方法隐藏所有 <p> 元素: $("p").hide();

jQuery 事件
下面是 jQuery 中事件方法的一些例子:
(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)(selector).click(function) 触发或将函数绑定到被选元素的点击事件
(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 676评论 0 3
  • 1、 jQuery 能做什么? jquery是一个丰富的js库,内部对js的很多复杂的方法进行了封装和加工,比如j...
    zh_yang阅读 1,431评论 6 13
  • 本篇博客源地址 总结: 鼠标事件 1.click与dbclick事件ele.click()ele.click(ha...
    ZombieBrandg阅读 707评论 0 1
  • 一、天哥分享的“断舍离” 1、什么是断舍离? 断——不买、不收取不需要的东西。 舍——处理掉堆放在家里没用的东西。...
    周成义阅读 198评论 0 1
  • 以前的我,认为很多分享是不足为道的,比如我的一些思考,我经历事情的感悟,我听到的一个故事,我做事的习惯和态度等等,...
    童楚涵阅读 1,070评论 9 5