jQuery中的事件

　　JavaScript是一种事件驱动型的语言，也就是说，javaScript和HTML之间的交互是通过用户在浏览器上触发事件来驱动的。jQuery扩展了JavaScript的事件处理机制。

　　1.页面载入和卸载事件

　　　　$(document).ready()和window.onload():

　　$(document).ready()是在页面的DOM元素加载完毕后触发而window.onload()是在页面将所有元素（包括页面所关联的资源）加载完毕后再触发。

　　2.鼠标相关的事件

　　ag:      $(document).mousedown(

　　　　　　function(e){

　　　　　　　　　　$("#begin").html("起始位置："+e.pageX+","+e.pageY);

　　　　　　　　　　　}

　　　　　　)

　　　　$(document).mousedown(

　　　　　　　function(e){

　　　　　　　　$("#now").html("现在的位置："+e.pageX+","+e.pageY);

　　　　　　　　}　

　　　　　　)

　　　　$(document).mouseup(

　　　　function(e){

　　$("#end").html("结束的位置："+e.pageX+","+e.pageY);

　　　　　　　　　　}

　　　　　　)

3.键盘相关的事件

$("#word").keypress(

function(){

$("#copy").html($("#word").val());

}

)

4.焦点相关的事件

5.其他相关事件

6.事件对象

$("#btn").click(

function(e){

var str="事件发生的类型是："+e.type+"事件发生的对象是："+e.target.type;

if(e.which==1){

str=str+"单击的是鼠标左键";

$("#content").html(str);

}})

　　　　二.     jQuery的合成事件

　　(1.) hover 事件

　　$("#id").hover(

function(){

$("#a").css("display","none");

}afunction(){

$("#a").css("display","block");

}

);

    (2.)toggle事件

  jQuery选择器.toggle(fn1,fn2fn3,,,,,,,)

　　三. jQuery 事件绑定

　　(1).bind和unbind

$("#id").bind(

{

事件名：fn(),

事件名：fn(),

......

}

)

$("p").unbind();//移除段落元素的所有事件；

$("P").unibind("click");//移除段落元素的鼠标单击事件

　　(2).live和die

live是对bind的增强，如果对某个元素绑定了某个事件，然后再复制这个元素，如果是bind的话则新的元素不能执行bind 绑定的方法

而live则可以复制live绑定的方法。

　　(3).on和off

on和off 要比以上的方法更加优秀。

$("#btn").on("click",{sfz:$("#txt").val()},function(e){

if(e.data.sfz==""){

alert("身份证号不能为空！");

}else{

var y=e.data.sfz.substr(6,4);

var m=e.data.sfz.substr(10,2);

var d=e.data.sfz.substr(12,2);

alert("出生日期是："+y+"年"+m+"月"+d+"日");

}

})

　　四.模拟触发事件

$("#btn").click();

$("#btn").trigger("click");