jQuery事件命名空间

最新推荐文章于 2024-09-22 11:17:00 发布

weixin_30249203

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量61

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/littlefly/p/3655446.html

版权

 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>