2013-12-17 92 views
2

當你寫一個jQuery插件你做:擴展的jQuery編寫插件

(function ($) { 
    $.fn.myFunc = function() { 

    }; 
}(jQuery)); 

我期望$允許下列功能將被分配給它。 fn是允許執行的功能的列表。

我不知道什麼jQuery不會,我認爲它仍然可以讓你用jQuery.myFunc

你如何實現這樣的事情,但只是簡單的JavaScript,沒有庫?

我帶着我所有的網頁之間的一個JavaScript文件。

這裏的問題:我希望能夠使用一組自定義功能真的很容易,像jQuery即可。

例如jQuery中:

$.map(); 

我希望能夠做一些事情,如:

$.doSomething(); 

其中$是我自己的自定義什麼都象徵,我還可以附加其他功能到它。

主要思想,是實現東西不能寫其他事情干擾,所以衝突等多種功能

回答

2

要使用$.yourfunction,你需要擴展$

$.fn許可證延長$('selector').your function

這裏是一個工作示例:http://jsfiddle.net/UQTY2/207/

(function ($) { 
    $.fn.myFunc1 = function (text) { 
     alert(text); 
    }; 

    $.myFunc2 = function (text) { 
     alert(text); 
    };  
}(jQuery)); 

$('div').myFunc1('Ho'); 

$.myFunc2('Hey'); 
+0

那麼我怎麼能在我的web應用程序中創建自己的類庫,比如jQuery?用我自己的符號等等等等 –

+0

聲明在一個單獨的文件,你會在您的網頁的功能。 – sdespont

+0

你能詳細說明我以前的評論與代碼等... –

0

使用$ .extend();

(function ($) { 
     $.fn.myFunc1 = function (text) { 
      alert(text); 
     }; 

     $.extend({ 
      myFunc2: function (text) { 
       alert(text); 
      } 
     }); 
    }(jQuery)); 

    $('div').myFunc1('Ho'); 

    $.myFunc2('Hey');