注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Copper peas ' Bolg

Keep On Moving...This Is My Life...

 
 
 

日志

 
 

【原】一些深入js的笔记[juery插件,js的对象写法]  

2011-08-04 17:15:10|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
  <script type="text/javascript">
  <!--
    /*函数方式*/
 function baseclass(){  
  return {
   one:function(){
     alert('1one');
   },
   two:function(){
     alert('1two');
   }
    }  
 };

 baseclass().one();
 baseclass().two();

     /*对象函数方式*/
 var baseclass_a = function (){
    
  return {
   one:function(){
     alert('2one');
   },
   two:function(){
     alert('2two');
   }
    }  
 };
   
 var baseclass_a = new baseclass_a();
 baseclass_a.one();
 baseclass_a.two();

    /*纯对象方式*/
 var baseclass_b ={};//等于命名空间
     baseclass_b.test = {
      one:function(){
     alert('3one');
   },
   two:function(){
     alert('3two');
   }
  }
    baseclass_b.test.one();
 baseclass_b.test.two();

  //-->
  </script>
 </body>
</html>

/*********************************************************************************/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script src="jquery-1.5.1.js" type="text/javascript" id="jquery_js"></script>
 </head>

 <body>
  <script type="text/javascript">
  <!--
    //jquery插件制作
 (function($) {
  /* 全局,可供下面所以方法直接使用
   * 有参数变量传递,参数变量将代替全局变量
   */
  var a=2;
  var b=3;

  //一般增加方法 deom1
  $.extend({
     min: function() { return a < b ? a : b; },
     max: function(a, b) { return a > b ? a : b; }
     });
    
     //一般增加插件方法  deom2
 
     $.fn.extend({
   check: function() {
     return this.each(function() { this.checked = true; });
   },
   uncheck: function() {
     return this.each(function() { this.checked = false; });
   }
     });
 

  //增加另外方法  deom3
  $.class_A = {};
     $.class_A.user ={
      a:function(){alert("a")},
   b:function(){alert("b")}  
  }
 
 })(jQuery);

  //-->
  </script>

  <script>
  $(function(){
     /*deom1*/
     alert(jQuery.min()); // => 2
     alert(jQuery.max(4,5)); // => 5
  /*deom1*/

  /*deom2*/
  $("input[type=checkbox]").check();
        $("input[type=radio]").uncheck();
  /*deom2*/

  /*deom3*/
         jQuery.class_A.user.a(); // =>a
  /*deom3*/
  });
  </script>

  <!--deom2-->
  <input type='radio' name="radio" checked>
  <input type='radio' name="radio" checked>
  <input type='radio' name="radio" checked>
  <input type='radio' name="radio" checked>

  <input type='checkbox' name="checkbox[1]">
  <input type='checkbox' name="checkbox[2]">
  <input type='checkbox' name="checkbox[3]">
  <input type='checkbox' name="checkbox[4]">
  <!--deom2-->

 </body>
</html>

  评论这张
 
阅读(1470)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018