使用jQuery開發(fā)功能或交互或任何實(shí)現(xiàn)

如果您是開發(fā)人員，則在開發(fā)交互式Web應(yīng)用程序時，可能會發(fā)現(xiàn)自己一遍又一遍地編寫類似(或相同)的代碼。在這些情況下，出現(xiàn)了對可重用性的需求。同時，您可能還會遇到范圍和命名空間問題。同樣，在許多其他情況下，您需要可移植的代碼，以便可以在其他項目中實(shí)現(xiàn)相同的功能。

簡而言之，使用jQuery開發(fā)功能或交互或任何實(shí)現(xiàn);特別是當(dāng)使用jQuery插件時，它在避免范圍問題，可移植性，抽象性方面將是一個優(yōu)勢，并且還可以節(jié)省大量時間。

解決這類問題的方法之一就是編寫jQuery插件。

開發(fā)jQuery插件時如何思考?：簡而言之，開發(fā)jQuery插件時，您只是將自己編寫的函數(shù)添加到j(luò)Query名稱空間。我們也可以說您將要向jQuery名稱空間的$ .fn對象或fn對象添加任何方法，因為我們知道$是jQuery名稱空間的別名。

以下是開發(fā)jQuery插件所涉及的一些標(biāo)準(zhǔn)步驟。另外，請確保已將jquery庫包含在文件中。

1.使用自定義名稱創(chuàng)建插件

假設(shè)我們正在創(chuàng)建一個名為tgs的插件。以下是此tgs函數(shù)的示例腳本。

在將“ tgsbegin”函數(shù)添加到“ $ .fn”對象后，該函數(shù)現(xiàn)在在jQuery名稱空間中可用，現(xiàn)在您可以如下所示初始化此函數(shù)：

2.使插件與其他jQuery函數(shù)可鏈接

在這種需求期間，只需返回“ tgs”函數(shù)的結(jié)果即可，其他jQuery函數(shù)可通過該結(jié)果進(jìn)行鏈接，如下所示：

3.通過傳遞選項使插件可配置

使用jQuery.extend可以合并兩個對象。

在這里，我們使用此方法將傳遞的選項與聲明的默認(rèn)選項合并。請參考以下示例：

4.針對多個dom元素

在此類需求期間，您可以使用jQuery“ each”函數(shù)，如下所示：

5.自調(diào)用功能或關(guān)閉

最后，您可以通過在自調(diào)用函數(shù)或Closure中編寫插件，使其具有上述所有功能，如下所示。

另外，前段時間我們在javascript討論了閉包。