$.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被修改


jQuery.extend()方法

【學習】
1.國外一個超贊的jQuery插件開發模式借鑒
2.非常清晰的jQuery插件開發插件教程

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進階之旅閱讀 114,805評論 24 450
  • jquery插件的開發包括兩種: 一種是類級別的插件開發,即給jquery添加新的全局函數,相當于給jquery類...
    小豆soybean閱讀 717評論 0 4
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,367評論 0 2
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,200評論 0 1
  • 有的目標、計劃,還需要讓情懷落地: 行動。 這中間的的橋梁就是可執行的下一步行動。簡稱下一步行動。 有了下一步行動...
    iNotes閱讀 550評論 0 0