jQuery事件命名空间 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 5     <title>事件命名空间</title>
 6 </head>
 7 <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
 8 <script>
 9 $(function(){
10 
11     //第一个开发人员
12     /*$('p').click(function(event) {
13         $(this).css('background','red');
14     });*/
15 
16     //第二个开发人员
17     /*$('p').click(function(event) {
18         $(this).css('color','blue');
19     });*/
20 
21 
22     //第三个开发人员
23     //$('p').unbind('click');
24 
25     $('p').bind('click.background',function(){
26         $(this).css('background','red');
27     });
28     $('p').bind('click.color',function(){
29         $(this).css('color','blue');
30     });
31 
32     $('p').unbind('click.background');
33 
34 });    
35 </script>
36 <body>
37     <p>我是p标签</p>
38 </body>
39 </html>

 

posted @ 2014-04-09 23:23  little fly  阅读(182)  评论(0)    收藏  举报