方法一：$ele.click()
绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少
<div id="test">点击触发<div>
$("ele").click(function(){
alert('触发指定事件')
})
$("#text").click(function(){
$("ele").click() //手动指定触发事件
});
**方法二：$ele.click( handler(eventObject) )**
<div id="test">点击触发<div>
$("#text").click(function() {
//this指向 div元素
});
**方法三：$ele.click( [eventData ], handler(eventObject) )**
使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题
<div id="test">点击触发<div>
$("#text").click(11111,function(e) {
//this指向 div元素
//e.date => 11111 传递数据
});
## **dbclick事件**
**与click类似，只是它是双击**
## **mousedown与mouseup事件**
**用法同上**注意：该事件event对象有个which值，敲击鼠标左键which的值是1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3
* mousedown强调是按下触发
mouseup强调是松手触发
## mousemove事件
鼠标移动时触发用法同上注意：该事件event对象附带pageX，pageY值，表示移动的坐标
## mouseover与mouseout事件
鼠标移入移出时触发用法同上
## mouseenter与mouseleave事件（相当于在封装的时候对onmouseover进行阻止冒泡）
鼠标移入移出时触发**mouseenter事件和mouseover的区别：**
mouseenter，mouseover事件只会在绑定它的元素上被调用，而不会在后代节点上被触发 mouseover，mouseout事件会冒泡至祖先
用法同上
类似于鼠标点击事件
用法同上
鼠标失去焦点时触发
$(selector).hover(handlerIn, handlerOut)
不支持冒泡处理！focusin，focusout事件支持冒泡！
input元素
监听value值的变化，当有改变时，失去焦点后触发change事件**select元素**
对于下拉选择框，复选框和单选按钮，当用户用鼠标作出选择，该事件立即触发**textarea元素**
多行文本输入框，当用户用鼠标点击时，该事件立即触发
当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。
用法同click事件
提交表单时触发用法同上
通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的的行为
具体能触发submit事件的行为：
这里需要特别注意：
form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为(页面跳转）
传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可
$(“#target”).submit(function(data) {
return false; //阻止默认行为，提交表单
});用法同上e.target.value 获取输入值
注意：
用法同上用来解决keydown事件每次捕获的值是上一次的值这个缺点
keypress事件与keydown和keyup的主要区别
KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。
jQuery on()方法是官方推荐的绑定事件的一个方法。
基本用法：**.on( events [, selector ] [, data ] )**
最常见的给元素绑定一个点击事件，对比下一下快捷方式与on方式的不同
$(“#elem”).click(function(){}) //快捷方式
$(“#elem”).on(‘click’,function(){}) //on方式 $(“#elem”).on(“mouseover mouseout”,function(){ });多个事件绑定不同函数
$(“#elem”).on({
mouseover:function(){},
mouseout:function(){},
});将数据传递到处理程序
function greet( event ) {
alert( “Hello “ + event.data.name ); //Hello 慕课网
}
$( “button” ).on( “click”, {
name: “慕课网”
}, greet );
针对自己处理机制中，不仅有on方法，还有根据on演变出来的live方法(1.7后去掉了)，delegate方法等等。这些方法的底层实现部分 还是on方法，这是利用了on的另一个事件机制委托的机制衍变而来的
委托机制
.on( events [, selector ] [, data ], handler(eventObject) )
参考下面3层结构
<div class=”left”>
<p class=”aaron”>
<a>目标节点</a> //点击在这个元素上
</p>
</div>
$(“div”).on(“click”,”p”,fn)
用法与on相同，可卸载一个，可同时卸载多个，并可以有回调函数特殊用法：快捷删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁
$(“elem”).off()
事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁
event.target
target 属性可以是注册事件时的元素，或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托
简单来说：event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素event.type：获取事件的类型**event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标event.preventDefault() 方法：阻止默认行为event.stopPropagation() 方法：阻止事件冒泡event.which：获取在鼠标单击时，单击的是鼠标的哪个键event.currentTarget : 在事件冒泡过程中的当前DOM元素**
this和event.target的区别：
js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；
.this和event.target都是dom对象
**自定义事件trigger事件我的理解就是在on事件里再叠加执行一个事件**
简单来讲就是：根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为
triggerHandler与trigger的用法是一样的，重点看不同之处：
