美文网首页
$.fn、$.fn.extend()和$.extend()

$.fn、$.fn.extend()和$.extend()

作者: Willworkgogogo | 来源:发表于2017-05-30 02:53 被阅读0次

    注意先区分开jquery类本身jquery类的实例

    一、$.fn

    $.fn = $.prototy = {
        init: function(){}
    }
    fn后面挂载的方法或属性,都能被jquery实例继承,就是这么简单
    

    二、$.fn.extend()
    作用和$.fn是一样的,都是给jquery实例扩展方法,只是写法不同;
    $.fn.extend(), 接收一个对象作为参数;
    jquery实例使用这里封装的方法时,直接调用对象里的方法属性;

    $.fn.extend({          
        alertWhileClick:function() {            
              $(this).click(function(){                 
                     alert($(this).val());           
               });           
         }       
    });       
    $("#input1").alertWhileClick();
    

    三、$.extend()
    作用一:是为jquery类添加静态方法

    jQuery.extend({
    min: function(a, b) { return a < b ? a : b; },
    max: function(a, b) { return a > b ? a : b; }
    });
    jQuery.min(2,3); //  2 
    jQuery.max(4,5); //  5
    

    作用二:用后面对象扩展第一个对象,并修改第一个对象,然后将其输出,如下面这个例子,对象setting被修改


    jQuery.extend()方法

    【学习】
    1.国外一个超赞的jQuery插件开发模式借鉴
    2.非常清晰的jQuery插件开发插件教程

    相关文章

      网友评论

          本文标题:$.fn、$.fn.extend()和$.extend()

          本文链接:https://www.haomeiwen.com/subject/mcglfxtx.html