前端技术们

jq封装插件

2017-03-23  本文已影响61人  野薇薇

<h1>1.插件参数</h1>插件用于减少代码量,防止无谓的粘贴复制,所以,要尽可能的强大,具有包容性,呵呵
参数设置:默认的,可修改的

jQuery.extend([deep], target, object1, [objectN])
   deep:       可选。如果设为true,则递归合并。
   target:     待修改对象。
   object1:   待合并到第一个对象的对象。
   objectN:   可选。待合并到第一个对象的对象。

示例1:

//合并 settings 和 options,修改并返回 settings。
var settings = { validate: false, limit: 5, name: "foo" }; 
var options = { validate: true, name: "bar" }; 
jQuery.extend(settings, options);
//结果:
settings == { validate: true, limit: 5, name: "bar" }

示例2:

//合并 defaults 和 options, 不修改 defaults。
var empty = {}; 
var defaults = { validate: false, limit: 5, name: "foo" }; 
var options = { validate: true, name: "bar" }; 
var settings = jQuery.extend(empty, defaults, options);
//结果:
settings == { validate: true, limit: 5, name: "bar" } 
empty == { validate: true, limit: 5, name: "bar" }

<h1>2.插件分为 类扩展和对象扩展</h1>

对象扩展:
jq中jQuery.fn=jQuery.prototype
so,jQuery.fn.extend()方法就是扩展jQuery对象的原型方法。

参考:http://www.cnblogs.com/joey0210/p/3408349.html

上一篇 下一篇

猜你喜欢

热点阅读