注意先區分開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()方法