一、先了解jQuery extend方法介绍
jQuery的API手册中，extend方法挂载在jQuery和jQuery.fn两个不同对象上方法，但在jQuery内部代码实现的是相同的，只是功能却不太一样；
且看官方给出解释：
jQuery.extend(): Merge the contents of two or more objects together into the first object.(把两个或者更多的对象合并到第一个当中)；
jQuery.fn.extend():Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.(把对象挂载到jQuery的prototype属性，来扩展一个新的jQuery实例方法)
简单理解两者区别：
jQuery.extend(object); 为扩展jQuery类本身，为自身添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法。
1.1、jQuery.extend(object)
|
<script> var object1={name: "xy", sex: "男", age: 97}; var object2={birthday:"1997-02-23"}; $.extend(object1,object2); //$.extend(object2);alert($.birthday); $(document).ready(function(){ }); </script> |
1.12、jQuery.fn.extend(object);
|
(function($){ $.fn.extend({ foo3:function() { alert(‘对象级别插件extend方式1‘); }, bar3:function() { alert(‘对象级别插件extend方式2‘); } }) })(jQuery); $(document).ready(function(){ }); |
时间： 2024-10-17 19:39:11