常用的事件触发

部分事件触发方法，日后将陆续补全。

1.blur() 2.change() 3.click() 4.focus()  5.onclick()

实例：

1.blur() ：当输入域失去焦点 (blur) 时改变其颜色：（失去焦点是触发）比较focus（）事件

$("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
});

2.change() ：当输入域发生变化时改变其颜色：

$(".field").change(function(){
  $(this).css("background-color","#FFFFCC");
});

定义和用法

当元素的值发生改变时，会发生 change 事件。

该事件仅适用于文本域（text field），以及 textarea 和 select 元素。

change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。

注释：当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

3. click()：当点击按钮时，隐藏或显示元素：（点击触发事件）

$("button").click(function(){
  $("p").slideToggle();
});

当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。

4.focus() ：当输入框获得焦点时，改变它的背景色：（聚焦是触发）比较blur（）事件

$("input").focus(function(){
  $("input").css("background-color","#FFFFCC");
});

当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。

5.onclick():当按钮被点击时执行Javascript代码

jsp页面

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

js页面

function myFunction(){
	document.getElementById("demo").innerHTML="Hello World";
}

详情请参考：http://www.w3school.com.cn/jquery/jquery_ref_events.asp