<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Script/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function myfunction1() { alert(1); return false; } function myfunction2() { alert(2); return false; } function myfunction3() { alert(3); return false; } $(function () { $(‘#test‘).bind(‘click.a‘, myfunction1); $(‘#test‘).bind(‘click.b‘, myfunction2); $(‘#test‘).bind(‘click.c‘, myfunction3); $(‘#test‘).unbind(‘click.a‘); //$(‘#test‘).trigger(‘click.b‘); $(‘#test‘).trigger(); // $(‘#test‘).click(); }) </script> </head> <body> <input id="test" type="button" name="button" value="button" width="70"> </body> </html>
通过事件名(click)后加‘.‘来指定新的命名,本例中分别指定的新的命名a、b、c,这样在unbind时就可以解绑指定的函数;在trigger时就可以调用指定的函数。很多js扩展功能都采用命名空间来区分出自己的事件和避免与页面原有事件产生冲突。
原文:http://www.cnblogs.com/slu182/p/4444654.html