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