图文讲解jQuery事件

1, .click()鼠标单击事件  .dbclick()鼠标

注意：在同一元素上同时绑定 click 和 dblclick 事件是不可取的。各个浏览器事件触发的顺序是不同的，一些浏览器在dblclick之前接受两个 click 事件 ，而一些浏览器只接受一个 click 事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度

2，mousedown()和mouseup()事件

  

3，mousemove()鼠标移动事件

      mousemove事件是当鼠标指针移动时触发的，即使是一个像素；

     如果处理器做任何重大的处理，或者如果该事件存在多个处理函数，这可能造成浏览器的严重的性能问题；

4，mouseover()鼠标移入mouseout()鼠标移出事件

5，mouseenter()与mouseleave()事件

       用交互操作中，经常需要知道用户操作鼠标是否有移到元素内部或是元素外部，因此jQuery提供了一个mouseenter和mouseleave的快捷方法可以监听用户移动到内部的操  作，注意mouseenter()与mouseover的区别：关键点就是：冒泡的方式处理问题

6，hover()事件对上面四个事件的封装

      $(selector).hover(handlerIn, handlerOut)

7，focusin()获取焦点事件

    当一个元素，或者其内部任何一个元素获得焦点的时候，例如：input元素，用户在点击聚焦的时候

8，focusout()失去焦点事件

   当一个元素，或者其内部任何一个元素失去焦点的时候，比如input元素，用户在点击失去焦的时候，

  例子同上

9，表单事件blur()与foucs()

   与7,8，的区别

  

10，表单事件之change()事件

<input>元素，<textarea>和<select>元素的值都是可以发生改变的，开发者可以通过change事件去监听这些改变的动作

11，表单事件之select()选中事件

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

12，表单事件之submit()提交事件

  

13，键盘事件之keydown()与keyup()事件，keypress()事件

   例子同上，注意的是：keypress事件与keydown和keyup的主要区别：

    只能捕获单个字符，不能捕获组合键
   无法响应系统功能键（如delete，backspace）
   不区分小键盘和主键盘的数字字符。

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

14，on()的多事件绑定，off()销毁事件

     之前学过的所有鼠标事件实际上都是在on（）实现的，所以可以用on()来实现多个事件

      基本用法：.on( events ,[ selector ] ,[ data ] )

    

这里的e指的是你当前用的事件的对象，e.type指的是用的事件的类型

15，事件对象的作用

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

    

点击不同的li，显示不同的内容

16，事件的属性和方法