jQuery中事件的学习分享

  最近闲来无事，把jQuery知识想温习一下。看到关于事件相关的API时，不仅一时来了兴致，进行了一番细细练习。
  本文就以click事件为例，从如何解读API到使用进行分解说明。

1、jQuery中click事件API截图

  注：上图来自网站http://jquery.cuishifeng.cn/

2、分析

2.1、常见调用方式

  先来研究一个这个方法的调用者是谁吧
  上边截图中提到了每个匹配元素，那么可以推断，这个方法调用者应该为一个选择器返回的对象。就是通过

/* 原型式为：$(Selector) */
$("body")

返回的结果。
  接下来说说click的参数，在V1.0版本开始支持参数fn，是必填的，它的类型是Function。也就是说，我调用方法的方式可以像下边这样：

/* 原型式为 $(Selector).click(fn) */
$("body").click(function(){
    /* some code*/
    alert("E--G--M--,EG--EG--M");
});

2.2、带参数的调用方式

  说到带参数，就可以讲讲从V1.4.3版本开始支持的click方法了。它的第一个参数为[data]，是一个可选的参数（在API中参数说明时，带有[]的一般表示可选）。它的类型是String。
  第二个参数是一个fn，同2.1中的说明，必填参数，为一个方法引用。
  据上面所述，可以得知，click方法带参数时的调用方式为：

var strData = "这里提交给事件处理方法的数据，目前只接受字符串";
$("body").click(strData, function(event){
	/* 在api中，没有注明strData如何在方法中读取，对阅读者不够负责
       我也是百了个度，才找到的。
    */
    alert("点击时，传入的参数内容为：" + event.data);
});

注：上方代码中，匿名方法的参数必须得有event，在方法体中访问传来的数据时，必须通过event.data读取。

3、验证

  为了验证效率，大家可以把以下这个链接打开

https://www.runoob.com/

然后F12，进入Console下，分别将2.1和2.2中的代码粘进去，再到页面上点点，可以看到效果，见下图：

上图的验证效果对应2.1中的API分析

上图的验证内容对应2.2中的API分析

文章结束。