当前位置:Gxlcms > JavaScript > jQuery定义插件的方法_jquery

jQuery定义插件的方法_jquery

时间:2021-07-01 10:21:17 帮助过:8人阅读

有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。

扩展jquery的时候。最核心的方法是以下两种:

$.extend(object) 可以理解为jquery添加一个静态方法

$.fn.extend(object) 可以理解为jquery实例添加一个方法

$.extend(object)

例子:

定义jquery插件的基本结构

1. 定义作用域:

为插件定义一个私有作用域。外界代码不能直接访问插件内部。插件内部代码不受外界干扰,也不会污染到全局变量。

2. 为插件添加扩展方法:

3. 设置默认值:

其中:var options = $.extend(defaults, options)的含义了。表示 options 去覆盖了defaults的值,并把值赋给了options。
在插件环境中,就表示用户设置的值,覆盖了插件的默认值;如果用户没有设置默认值的属性,还是保留插件的默认值。

4. 支持jquery选择器:

5 .支持JQuery的链接调用:

为了能达到链接调用的效果必须要把循环的每个元素return

6. 插件里的方法:

在插件里定义的方法,外界不能直接调用,我在插件里定义的方法也没有污染外界环境。

通过以上内容给大家介绍了jQuery定义插件的方法,希望大家喜欢。

人气教程排行