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

注意先区分开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被修改


$.fn、$.fn.extend()和$.extend()_第1张图片
jQuery.extend()方法

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

你可能感兴趣的:($.fn、$.fn.extend()和$.extend())