$.extend()的用法 - jquery插件写法及用法（jQuery插件开发全解析）

接下来讲解$.extend()的用法

有两种
一种$.extend(defaults, options);
其中defaults为默认设置，options为传入的参数
这个函数的作用是用后面的参数与第一个参数进行合并然后返回它的值
代码实现如下：

用chrome显示的效果如下：

看到如上的结果，大家可能已经知道了，defaults被改变了，竟然变成了options的值，同时大家可以注意到$.extend(defaults, options)返回值是被覆盖的值
这就造成了一般的插件不会用$.extend(defaults, options)原因就是他改变了默认的值

接下来就是另外一种方法
$.extend({},defaults, options);

效果如下图：

 

大家可以注意到用这个函数的话不会导致defaults被替代，所以一般的插件书写是用$.extend({}, defaults, options);
至于插件得调用，很简单

$("").函数名

即可。
接下是讲解一下书写插件时的一些细节部分
看如下代码

 

这里的return有什么作用

对于一般的插件代码，如果没有加一个return 回到一个问题：那就是只能用一次
$(".afters").color().css({})这就会报错，因为没有返回本身这个对象，所以使用完color()是没有返回值得话，那么css调用时是undefined，所以会报错，因此当我们写完插件代码时，最后要返回jQuery对象本身，否则就只能调用一次就不能调用了。