如果您是开发人员,则在开发交互式Web应用程序时,可能会发现自己一遍又一遍地编写类似(或相同)的代码。在这些情况下,出现了对可重用性的需求。同时,您可能还会遇到范围和命名空间问题。同样,在许多其他情况下,您需要可移植的代码,以便可以在其他项目中实现相同的功能。
简而言之,使用jQuery开发功能或交互或任何实现;特别是当使用jQuery插件时,它在避免范围问题,可移植性,抽象性方面将是一个优势,并且还可以节省大量时间。
解决这类问题的方法之一就是编写jQuery插件。
开发jQuery插件时如何思考?:简而言之,开发jQuery插件时,您只是将自己编写的函数添加到jQuery名称空间。我们也可以说您将要向jQuery名称空间的$ .fn对象或fn对象添加任何方法,因为我们知道$是jQuery名称空间的别名。
以下是开发jQuery插件所涉及的一些标准步骤。另外,请确保已将jquery库包含在文件中。
1.使用自定义名称创建插件
假设我们正在创建一个名为tgs的插件。以下是此tgs函数的示例脚本。
在将“ tgsbegin”函数添加到“ $ .fn”对象后,该函数现在在jQuery名称空间中可用,现在您可以如下所示初始化此函数:
2.使插件与其他jQuery函数可链接
在这种需求期间,只需返回“ tgs”函数的结果即可,其他jQuery函数可通过该结果进行链接,如下所示:
3.通过传递选项使插件可配置
使用jQuery.extend可以合并两个对象。
在这里,我们使用此方法将传递的选项与声明的默认选项合并。请参考以下示例:
4.针对多个dom元素
在此类需求期间,您可以使用jQuery“ each”函数,如下所示:
5.自调用功能或关闭
最后,您可以通过在自调用函数或Closure中编写插件,使其具有上述所有功能,如下所示。
另外,前段时间我们在javascript讨论了闭包。