jQuery两种扩展方式:$.extend和$.fn.extend

author Owner  •  Filed under templates, internet

jQuery两种扩展方式:$.extend和$.fn.extend

1、$.extend也可以写作jQuery.extend,是扩展jQuery自身类,为jQuery添加新的方法。
例如:

jQuery.extend({
    control:function(str){
        alert(str);
    },
    check:function(msg){
        console.log(msg);
    }
});

上面定义好的两个方法,就可以在js中使用$.control(xxx)或$.check(xxx)进行调用了。

2、$.fn.extend可以写作jQuery.fn.extend,是为jQuery对象的prototype添加新方法。等同于javascript中的Date.prototype.Format = function(fmt){……},为Date对象添加一个Format方法。
例如:

jQuery.fn.extend({
    showValue: function () {
         $(this).click(function(){        
            alert($(this).val());
        });
    }
});

调用方式为$("input[name='No']").showValue();

Tagged: orci, lectus, varius, turpis

Comments (0)  • 2016-03-06 22:33:18 •  Edit

0 Responses

最新文章