jQuery.extend()

1 扩展jQuery静态方法 $.extend({ test:function(){alert('test函数');} }) 用法： $.test() 2 合并多个对象 以jQuery.extend(css1，css2)为例，css1和css中有一些属性，extend函数会把css2中有的而在css1中没有的属性加到css1中，如果css2中的某个属性在css1中也有，则会用css2的属性覆盖css1的同名属性，css1就是最后的整合对象。或者也可以用用： var newcss = jquery.extend(css1,css2) newcss就是合并的新对象 var newcss = jquery.extend({},css1,css2) newcss就是合并的新对象，而且没有破坏css1的结构。 //用法：jQuery.extend(obj1,obj2,obj3,...) var css1 = {size:"10px",style:"oblique"} var css2 = {size:"12px",style:"oblique",weight:"bolder"} $.jQuery.extend(css1,css2) //结果：css1中的size属性被覆盖，而且继承了css2的weight属性 //css1 = {size: "12px" , style:"oblique"

jQuery 为开发插件提供了两个方法，分别是： 1. jQuery.fn.extend()：给 jQuery对象 提供方法。 2. jQuery.extend()：为扩展 jQuery类本身 添加方法。 先看源码是怎么实现的，截取自JQuery-1.11.0,不想看，可以直接越过。。 源码截取出来了，中文地方为我加的说明 jQuery.extend = jQuery.fn.extend = function() { var src, copyIsArray, copy, name, options, clone, //target初始化为取第一个参数 OR {}， target = arguments[0] || {}, i = 1, length = arguments.length, deep = false; //这里的判断target是否为boolean,引申extend方法的另种形式 extend(boolean,dest,src1,src2,src3...)。 // Handle a deep copy situation if ( typeof target === "boolean" ) { deep = target; // skip the boolean and the target 看不懂么？越过第一个boolean把target设置为第二个参数，i++.