使用jQuery开发功能或交互或任何实现

2020-11-20 10:03:15 来源: INeng财经

如果您是开发人员,则在开发交互式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讨论了闭包。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。