jQuery 中注册事件的几种方法

jQuery绑定事件的几种方法：

第一：（注意bind中的花括号,可以绑定多个事件）

<scripttype="text/javascript"> 

$(document).ready(

function(){

              $("button").bind({

              dblclick:function(){$("p:even").css("background-color","red");},

              click:function(){$("p:odd").css("background-color","#ffaacc");}

              });  

}

);

</script>

第二:（注意bind中的花括号）

<scripttype="text/javascript"> 

$(document).ready(

function(){

              $("button").bind({

              dblclick:function(){$("p:even").css("background-color","red");}

              });  

}

);

</script>

第三：（注意bind中的无花括号,只是传递两个参数）

<scripttype="text/javascript"> 

$(document).ready(

function(){

              $("button").bind("dblclick",function(){$("p:even").css("background-color","red");}

              );    

}

);

</script>

第四：（直接注册事件，不用绑定事件的方式）

<scripttype="text/javascript"> 

$(document).ready(

function(){

              $("button").click(function(){$("p:even").css("background-color","red");}

              );    

}

);

</script>

第五：通过代理方式，注意一定是被选元素的子元素

<scripttype="text/javascript"> 

$(document).ready(

function(){

       $("div").delegate("button","click",function(){                                         $("p:even").css("background-color","red");

                                                                               });

}

);

</script>

</head>

 

Body中一定是这样的格式：

<div>delegate

<button>测试</button>

</div>

第六、可以绑定多种事件

$("p").bind('click dblclick mouseover mouseout',function(event){
  $("div").html("Event: " + event.type);
});