event.target代表当前触发事件的元素

事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，
并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，
事件对象就被销毁

快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁

$("elem").off()

keydown事件触发在文字还没敲进文本框，这时如果在keydown事件中输出文本框中的文本，得到的是触发键盘事件前的文本，而keyup事件触发时整个键盘事件的操作已经完成，获得的是触发键盘事件后的文本

keypress事件

• 只能捕获单个字符，不能捕获组合键

• 无法响应系统功能键（如delete，backspace）

• 不区分小键盘和主键盘的数字字符

form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为
传统的方式是调用事件对象  e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可

jQuery处理如下：

$("#target").submit(function(data) { 
   return false; //阻止默认行为，提交表单
});

input元素可以触发focus()事件

div是input的父元素，当它包含的元素input触发了focus事件时，它就产生了focusin()事件。

focus()在元素本身产生，focusin()在元素包含的元素中产生
blur()在元素本身产生，focusout()在元素包含的元素中产生

$(selector).hover(handlerIn, handlerOut)

• handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数

• handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数

等价于

$(ele).mouseenter(function(){
     $(this).css("background", '#bbffaa');
 })
$(ele).mouseleave(function(){
    $(this).css("background", 'red');
})

mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发

mouseover事件 会事件冒泡

 //不同函数传递数据

        function dat(e) {//函数名与data无关

            $(".right a").html('mouseover事件触发次数：' + (++n) + '<br/> 传入数据为 ：'+ e.data)

        }

        function a() {

            $(".right p:first").mouseover('date = 慕课网', dat)//调用dat函数

        }

        a();

方法一这样也可以？ 

$('button').click(function(){

            $('h2').mouseover(function(){

                alert('指定触发事件');

        });

        })

$(".aaron3").blur(function() {
        $(this).css('border', '2px solid red')
    })

$('.target1').change(function(e) {
        $("#result").html(e.target.value)
    });

p元素触发了mouseover，他会一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就会被触发

所以在这种情况下面，jQuery推荐我们使用 mouseenter事件

mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发

• click事件其实是由mousedown于mouseup 2个动作构成，所以点击的动作只有在松手后才触发

mouseenter事件只会在绑定它的元素上被调用，而不会在后代节点上被触发

$('#elem').trigger('click');

在绑定on的事件元素上，通过trigger方法就可以调用到alert了，挺简单！

再来看看.trigger是什么？

简单来讲就是：根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为

trigger除了能够触发浏览器事件，同时还支持自定义事件，并且自定义时间还支持传递参数

$('#elem').on('Aaron', function(event,arg1,arg2) {
    alert("自触自定义时间")
 });
$('#elem').trigger('Aaron',['参数1','参数2'])

trigger触发浏览器事件与自定义事件区别？

• 自定义事件对象，是jQuery模拟原生实现的

• 自定义事件可以传递参数