萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 跟我一起學JQuery插件開發

跟我一起學JQuery插件開發

在逛codeproject網站的時候,突然看到一篇文章:How to write plugin in Jquery. 
如果對E文好的同學 ,可以看上面的連接。
現在我把上面網站的及結合自己的想法寫這篇文章。希望能得到大牛們的支持和諒解。。。大鳥飛過。。。歡迎拍裝。
來源:

【1】How to write plugin in Jquery.

【2】鋒利的JQuery 書

【3】RascallySnake的JQuery.extend()詳解
一.介紹 
插件編寫的目的是給已經有的一系列方法或函數做一個封裝,以便在其他地方重復使用,方便後期維護。 
JQuery除了提供一個簡單、有效的方式進行管理元素以及腳本,它還還提供了例外一種機制:即給核心模塊增加自己的方法和額外的功能。通過這種機制,Jquery允許我們自己創建屬於我們自己的插件,提高我們在開發過程中的效率。 

1.1JQuery的插件分為3中類型: 
(1)封裝對象方法的插件(也就是對象級別的開發) 
這種類型的插件是我們今天需要講的插件。 
(2)封裝全局函數的插件(類級別開發) 
指可以把獨立的函數添加到JQuery命名空間之下。 
添加一個全局函數,我們只需如下定義: 
jQuery.foo = function() { 
alert('This is a test. This is only a test.'); 
}; 
當然 你也可以添加多個全局函數: 

復制代碼代碼如下:
jQuery.foo = function() { 
alert('This is a test. This is only a test.'); 
}; 
jQuery.bar = function(param) { 
alert('This function takes a parameter, which is "' + param + '".'); 
}; 
調用時和一個函數的一樣的:jQuery.foo();jQuery.bar();或者$.foo();$.bar('bar'); 
(3)選擇器插件 
1.2編寫JQuery插件需要注意的地方: 
(1)插件的推薦命名方法為:jquery.[插件名].js 
(2)所有的對象方法都應當附加到JQuery.fn對象上面,而所有的全局函數都應當附加到JQuery對象本身上。 
(3)在插件內部,this指向的是當前通過選擇器獲取的JQuery對象,而不像一般方法那樣,內部的this指向的是DOM元素。 
(4)可以通過this.each 來遍歷所有的元素 
(5)所有方法或函數插件,都應當以分號結尾,否則壓縮的時候
copyright © 萬盛學電腦網 all rights reserved