zoukankan      html  css  js  c++  java
  • jquery的扩展之extend函数

    1.$.extend()使用

    作用:扩展全局的函数

    $.extend({

    sayHellow:function(pram){

      alert(pram+"hellow");

      }

    })

    使用:

    $(function({

      $.sayHellow();

    }))


    jQuery.hellow = function() {   
    alert('hellow ');  
    };  
    jQuery.byebye = function(param) {   
    alert(param + 'byebye ');  
    };   
    使用:jQuery.hellow ();jQuery.byebye ('haha');
    $.hellow ();$.byebye ('haha');
    使用$.extend()扩展多个函数:
    jQuery.extend({      
    hellow: function() {alert('hellow ');  },
    byebye: function(param) {alert(param + 'byebye ');} 
        });
    使用命名空间:
    第一种方法:
    jQuery.myPlugin={  
        
        hellow: function() {alert('hellow ');  },
    
        byebye: function(param) {alert(param + 'byebye ');} 
        
        };
    使用:
    $.myPlugin.hellow();         
    $.myPlugin.byebye('haha');
    
    第二种方法:
    
    $.extend({myPlugin:{}});
    
    $.extend({$.myPlugin,{
          hellow: function() {alert('hellow ');  },
    
        byebye: function(param) {alert(param + 'byebye ');}
        
    }})
    
     
    

     


     

    2.$.fn.extend()使用

    作用:扩展的是jquery的实例对象的函数(jquery.fn=jquery.prototype)

    $.fn.extend({

      sayHellow:function(pram){

        alert(pram+"hellow");

        }

    })

    等于:

    $.fn.sayHellow = function(pram) {     
         alert(pram+'hellow');  
    };

    使用:$(" ").sayHellow(pram);

    附加:定义了一个jQuery函数,形参是$,函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突.
    
    (function($) {   
        
    $.fn.pluginName = function() {     
       
    };     
    })(jQuery);   
    

    3.接受参数options控制的插件

    $.fn.pulginName = function(options) {
         var defaults = {
             property1: '',
             property2: '' }; 
    
     var opts = $.extend(defaults, options);
     
        };
    调用:
     $('#div').hilight({
         property2: '' 
        });
    

      

     这是一个很不错的博客:http://www.iteye.com/topic/545971

  • 相关阅读:
    剖析C语言中a=a+++++a的无聊问题
    [转]精确到1%秒的单片机计时器汇编程序
    [转]学DSP、FPGA、ARM,哪个更有前途?
    【Java】Eclipse导出JAR包
    二维码生成器(支持历史记录点击和清空)
    移动端开发注意之一二
    localStorage实现按钮点击禁用
    JavaScript之查找元素
    扒拉扒拉table
    解惑之JavaScript
  • 原文地址:https://www.cnblogs.com/cleverbo/p/5120550.html
Copyright © 2011-2022 走看看