$.extend 是拓展 jQuery 类的方法
// 类似于:
var $ = { }
// 经过下面这个过程之后:
$.extend({
add: ( a, b ) => a + b
})
// $ 对象变成:
$ = {
add: ( a, b ) => a + b
}
// 即可像这样调用 $.add( 4, 5 ) 输出 9 这个add是一个静态方法
$.fn.extend 是拓展jQuery对象的方法
所谓jQuery对象,也就是类似$('#id')返回的对象,你可以这样用: $('#id').removeClass('class')
$.fn.extend({
val: function() { return this.value }
})
// 之后你就可以用 $('#id').val() 获取元素的 value了
因为 jQuery.fn = jQuery.prototype
拓展 jQuery.fn
实际上就是拓展 jQuery.prototype
上面的做法实际就是:
jQuery.prototype.val = function() { return this.value }
那么在使用 $('#id') 之后会返回一个实例化的 jQuery对象,这个对象就共享了 jQuery原型 上的方法