JQuery事件绑定
1、代码实现
|
<script type="text/javascript"> $(function(){ /******单击事件的绑定********/ $("#bu1").click(function(){ alert("单击事件"); }) $("#bu1").dblclick(function(){ }) $("#bu1").blur(function(){ }) /******绑定多个事件*********/ /* $("#bu1").bind({ "click":function(){}, "dblclick":function(){}, blur:function(){} })*/ /*******one事件绑定*********/ $("#bu2").one("click",function(){
alert("one事件的绑定"); }) /*******trigger事件的学习******/ $("#bu3").click(function(){
//执行方法的调用即可 $("#bu1").trigger("click"); $("#bu2").trigger("click") }) /**********unbind:事件的解绑****************/ $("#bu4").click(function(){
//事件的解绑 //解绑指定的事件 $("#bu1").unbind("click"); //解绑指定对象上的所有的事件 $("#bu1").unbind(); }) }) //方式一 $(function(){ }) //方式二 jQuery(function(){ }) //方式三 $(document).ready(function(){ }) </script> </head> <body> <input type="button" name="bu1" id="bu1" value="单击事件" /> <input type="button" name="bu2" id="bu2" value="one事件绑定" /> <input type="button" name="bu3" id="bu3" value="trigger事件的学习" /> <input type="button" name="bu4" id="bu4" value="事件的解绑" /> </body>
|
