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

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

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

解決這類問(wèn)題的方法之一就是編寫(xiě)jQuery插件。

開(kāi)發(fā)jQuery插件時(shí)如何思考?：簡(jiǎn)而言之，開(kāi)發(fā)jQuery插件時(shí)，您只是將自己編寫(xiě)的函數(shù)添加到j(luò)Query名稱空間。我們也可以說(shuō)您將要向jQuery名稱空間的$ .fn對(duì)象或fn對(duì)象添加任何方法，因?yàn)槲覀冎?是jQuery名稱空間的別名。

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

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

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

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

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

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

3.通過(guò)傳遞選項(xiàng)使插件可配置

使用jQuery.extend可以合并兩個(gè)對(duì)象。

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

4.針對(duì)多個(gè)dom元素

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

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

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

另外，前段時(shí)間我們?cè)趈avascript討論了閉包。