jquery插件学习总结

1、    //添加新全局函数

   jQuery.foo = function(){
       alert('the first foo!!');
   };
   
   $.foo(); //或者 jQuery.foo();
   
   //添加全局函数的方法，这种方式的好处在于
   //通过添加命名空间避免某些函数或变量名将于其他jQuery插件冲突
   jQuery.foo2 = { //或者$.foo2 = {....}
       "fn1":function(){
           alert("fn1 function!!");
       },
       
       "fn2":function(str){
           alert("fn2 = " + str);
       }
   };
   
   $.foo2.fn1();
   $.foo2.fn2("我是fn2!!");

2、;(function($){

       //扩展函数test1
       $.fn.testFun = function(str){
           var ele = this; //jquery对象
           alert(ele.val());
           alert(str);
       };
       //扩展函数test2
       //var option = {name:"monkey.d.1118",age:1234,address:"beijing","code":"0000000123456"};
       //$("#cancel").funTest(option);
       //$("#cancel").funTest2('monkey.d.1118');
       $.fn.extend({
           funTest:function(option){     // 方法名称加不加“”都可以
               var defaults = {       //$.extend 方式之一
                   name:"myname",
                   age:23,
                   address:"shanghai"
               };
               var opts = $.extend({},defaults,option);
                   
               alert("扩展后的结果：option.name=" + opts.name + ",opts.age=" + opts.age +
               ",option.address=" + opts.address + ",option.code=" + opts.code);
           },
           "funTest2":function(str){
               var ele = this;  //jquery对象
               alert(ele.attr("type"));
               alert(str);
           }
       });
       
       //扩展函数test3
       //$.justTest('$.extend.justTest()');
       //$.justTest2('$.extend.justTest2()');
       $.extend({    //$.extend另一种方式
           justTest:function(str){
               alert(str);
           },
           justTest2:function(str2){
               alert(str2);
           }
       });
       
       //扩展已经存在的函数
       $.extend(primaryFun,{
           fun3:function(str3){
               return "primaryFun.fun3()";
           }
       });
       
       //扩展一和扩展二实现在功能上没有什么区别，只是扩展二可以写多个方法（自己想的，也不知道对不对）
   })(jQuery);
   
   $(function(){
       $("#cancel").bind("click",function(){
           $("#cancel").testFun("dddd");
           var option = {name:"monkey.d.1118",age:1234,address:"beijing","code":"0000000123456"};
           $("#cancel").funTest(option);
           $("#cancel").funTest2('monkey.d.1118');
           
           alert('--------');
           $.justTest('$.extend.justTest()');
           $.justTest2('$.extend.justTest2()');
           
           alert("扩展已有的函数");
           alert(primaryFun.fun1());
           alert(primaryFun.fun2());
           alert(primaryFun.fun3());
       });
   });