var i = 0;

        $(".aaron1 p").mouseover(function(e) {

            $(".aaron1 a:first").html('mouseover事件触发次数：' + (++i))

        })

        var n = 0;

        $(".aaron1").mouseover(function() {

            $(".aaron1 a:last").html('mouseover冒泡事件触发次数：' + (++n))

        })

    $(".aaron2 p").mouseenter(function(e) {

            $(".aaron2 a:first").html('mouseenter事件触发次数：' + (++i))

        })

        var n = 0;

        $(".aaron2").mouseenter(function() {

            $(".aaron2 a:last").html('mouseenter冒泡事件触发次数：' + (++n))

        })

    <script type="text/javascript">

        var n = 0;

        //绑定一个mouseover事件

        $(".aaron1 p:first").mouseover(function(e) {

            $(".aaron1 a").html('进入元素内部,mouseover事件触发次数：' + (++n))

        })

    </script>

$(".aaron1").mousemove(function(e) {

        $(this).find('p:last').html('移动的X位置：' + e.pageX+'移动的Y位置：'+e.pageY)

    })

$('h2').mousemove(function(e) {

        alert('触发h2元素绑定的mousemove')

    })

    $("button:eq(0)").click(function(e) {

        $('h2').mousemove() //指定触发绑定的事件

    })

select事件只能用于<input>与<textarea>元素

    <h2>.mousedown()方法</h2>

    <h4>测试一</h4>

    <button>弹出回调中的鼠标键</button>

    <script type="text/javascript">

    //this指向button元素

    $("button:eq(0)").mousedown(function(e) {

        alert('e.which: ' + e.which)//e.which鼠标位置

    })

    </script>

    <h4>测试二</h4>

    <div class="test2">

        <p>$('button:first').mousedown(function(e) {alert(this)})</p>

    </div>

    <button>指定触发事件</button>

    <script type="text/javascript">

    $('p').mousedown(function(e) {

            alert(e.target.textContent)

        })

        //this指向button元素

    $("button:eq(1)").mousedown(function() {

        $('p').mousedown() //指定触发绑定的事件

    })

    </script>

    <h4>测试三</h4>

    <div class="test3">

        <p>$('.right').mousedown(1111, set)</p>

    </div>

    <button>不同函数传递数据</button>

    <script type="text/javascript">

    //不同函数传递数据

    function data(e) {

        alert(e.data) //1111

    }

    function a() {

        $("button:eq(2)").mousedown(1111, data)

    }

    a();

    </script>

$('p').click(function(e) {

            alert(e.target.textContent)

        })

        //this指向button元素

        $("button:eq(1)").click(function() {

            $('p').click() //指定触发绑定的事件

        })

triggerHandler与trigger的用法是一样的，重点看不同之处：

• triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit()

• .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素

• 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理

• 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined

trigger是根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为

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

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

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

event.type：获取事件的类型

event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标

event.preventDefault() 方法：阻止默认行为

event.stopPropagation() 方法：阻止事件冒泡

event.which：获取在鼠标单击时，单击的是鼠标的哪个键（左键报告1，中间键报告2，右键报告3）

event.currentTarget : 在事件冒泡过程中的当前DOM元素

this和event.target的区别：

js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

.this和event.target都是dom对象

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

event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素

on的另一个事件机制委托的机制

$("div").on("click","p",fn)

事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数

keypress事件与keydown和keyup的主要区别

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

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

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

KeyPress主要用来接收字母、数字等ANSI字符，而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如：功能键（F1-F12）、编辑键、定位键以及任何这些键和键盘换档键的组合等。

表单处理事件focusin事件与focusout事件，同样用于处理表单焦点的事件还有blur与focus事件。

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

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

focusin()和focusout()会产生冒泡事件。

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

mouseenter事件和mouseover的区别：

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

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