jquery.fn.extend与jquery.extend插件开发

By柏小白

jquery.fn.extend与jquery.extend插件开发

jQuery为开发插件提拱了两个方法,分别是:

JavaScript代码

  • jQuery.fn.extend(object);
  • jQuery.extend(object);

jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。

$.extend({
    "fun1": function (){
        alert('fun1');
    },
    "fun2": function (){
        alert('fun2');
    },
    "fun3": function (){
        alert('fun3');
    }
});


$.fun1();  //jQuery对象
$.fun2();
$.fun3();

 

jQuery.fn.extend(object);给jQuery对象添加方法。

(function ($){
    $.fn.Qhover = function (options){

        var defaults = {
            Event: "click",           //触发响应事件
            msg  : "Holle word!"        //显示内容
        };

        var ops   = $.extend(defaults, options);
        var $this = $(this);        //当然响应事件对象
        $this.on(ops.Event, function (event){

            alert(ops.msg);

        });
    }
})(jQuery);

$('obj').Qhover({   //  给jQuery对象添加方法
    Event: "click",        //触发响应事件
    msg  : "插件原来就是这么简单!"     //显示内容

});

 




jquery.fn.extend与jquery.extend插件开发




  • 1
  • 2
  • 3
  • 4
  • 5


About the author

柏小白 administrator