事件：

 

1.  blur([[data],fn])： 当元素失去焦点时触发 blur 事件。

fn:在每一个匹配元素的blur事件中绑定的处理函数。

使用示例：

$('input[type="text"]').blur(function () {
    $('#div1').css('color','yellow')//单行css样式
    $('#div1').css({//多行css样式
      'color':'red',
      'background':'lightblue',
      "width":"100px"
    })
  })

 

2.  change([[data],fn])：当元素的值发生改变时，会发生 change 事件。

该事件仅适用于文本域（text field），以及 textarea 和 select 元素。当用于 select 元素时，change 事件会在选择某个选项时发生。

当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

使用： 触发被选元素的 change 事件。

给所有的文本框增加输入验证。

使用示例：

$(selector).change();//触发被选元素的 change 事件。

3.  click([[data],fn])：触发每一个匹配元素的click事件，调用执行绑定到click事件的所有函数。

data:click([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的click事件中绑定的处理函数。

使用示例：

$("p").click();//触发页面内所有段落的点击事件

4.  dblclick([[data],fn])：当双击元素时，会发生 dblclick 事件。

当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。在很短的时间内发生两次 click，即是一次 double click 事件。

5.  focus([[data],fn])：当元素获得焦点时，触发 focus 事件。

使用示例：

$(document).ready(function(){
  $("#button").focus();
});//当页面加载后将 id 为button的元素设置焦点:

6.  focusin([data],fn)：

当元素获得焦点时，触发 focusin 事件。

focusin事件跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。

7.  focusout([data],fn)

当元素失去焦点时触发 focusout 事件。

focusout事件跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。

8.  keydown([[data],fn])：

当键盘或按钮被按下时，发生 keydown 事件。

9.  keypress([[data],fn])：

当键盘或按钮被按下时，发生 keypress 事件。

keypress 事件与 keydown 事件类似。当按钮被按下时，会发生该事件。

它发生在当前获得焦点的元素上。 不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。

10.  keyup([[data],fn])：

当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。

使用示例：

$("input").keyup(function(){
  $("input").css("background-color","#D6D6FF");
});//当按下按键时，改变文本域的颜色：