jQuery 插件开发

Question

将两个或更多对象的内容合并到第一个对象，重点是合并

jQuery.extend( target [, object1 ] [, objectN ] )
jQuery.extend( deep, target [, object1 ] [, objectN ] )
- deep 递归调用，不能传 false
- target 传递的对象，可以是空
- object1 传入的对象
- objectN 更多对象

返回值：Object

当传入 deep 的时候，后面的对象遇到相同的方法时候会合并，不会替换。

var object1 = {
  apple: 0,
  banana: {weight: 52, price: 100},
  cherry: 97
};
var object2 = {
  banana: {price: 200},
  durian: 100
};
$.extend(object1,object2) 
Object {apple: 0, banana: {price:200}, cherry: 97, durian: 100}
$.extend(true,object1,object2) 
Object {apple: 0, banana: {price:200, weight:52}, cherry: 97, durian: 100}

jQuery.fn.extend()

一个对象的内容合并到 jQuery 的原型，以提供新的 jQuery 实例方法

jQuery(function () { });
//相当于
$(document).ready(function () { });
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
(function ($) { })(jQuery);
//相当于
var fn = function ($) { };
fn(jQuery);

第一个是当 dom 加载完成后执行的函数，第二个是一个匿名函数，传入 jquery 后里面形成了私有变量，通常用在 JQuery 插件开发中，起到了定义插件的私有域的作用。

• 参考 不定义 jquery 插件，不要说会 jquery