$.extend()与$.fn.extend()
jQuery.extend(object) 扩展jQuery对象本身。用来在jQuery命名空间上增加新函数。
jQuery.fn.extend(object) 扩展 jQuery 元素集来提供新的方法（通常用来制作插件）
我们先把jQuery看成了一个类，这样好理解一些。
jQuery.extend()，是扩展的jQuery这个类。
假设我们把jQuery这个类看成是人类，能吃饭能喝水能跑能跳，现在我们用jQuery.extend这个方法给这个类拓展一个能唱歌的技能。这样的话，不论是男人，女人，xx人.....等能继承这个技能（方法）了。
jQuery.extend({
sing:function(){
alert("sing");
}
});
<!DOCTYPE html>
<html>
<head></head>
<script src="jquery.min.js"></script>
<script>
;(function($){
$.extend({
sing:function(){
alert("sing");
};
});
})(jQuery);
</script>
<script>
$(document).ready(function(){
$.sing();
});
</script>
</html>
这说明啥啊，这说明sing()变成了jQuery这个类本身的方法（object）嘛。他现在能”唱歌“了。
但是吧，这个能力啊，只有代表全人类的 jQuery 这个类本身，才能用啊。你个人想用，你张三李四王五麻六，你个小草民能代表全人类嘛？
所以啊，这个扩展也就是所谓的静态方法。只跟这个类本身有关。跟你具体的实例化对象是没关系滴。
我们再看看jQuery.fn.extend()这个方法。
从字面理解嘛，这个拓展的是jQuery.fn的方法。
jQuery.fn是啥玩意呢？
源码如下
jQuery.fn = jQuery.prototype = {
init:function(selector,context){
//code
}
};
哦，原来jQuery.fn=jQuery.prototype，就是原型啊。
那就一目了然了，jQuery.fn.extend拓展的是jQuery对象（原型的）的方法啊！
对象是啥？就是类的实例化嘛，例如，$("#abc")
这个玩意就是一个实例化的jQuery对象嘛。
那就是说，jQuery.fn.extend拓展的方法，你得用在jQuery对象上面才行啊！他得是张三李四王五痳六这些实例化的对象才能用啊。
说白了就是得这么用：假设xyz()是拓展的方法，$('selector').xyz();
你要是写成$.xyz();是会出错误滴。
代码如下
<!DOCTYPE html>
<html>
<head></head>
<script src="jquery.min.js"></script>
<script>
;(function($){
$.fn.extend({
sing:function(){
alert("sing");
};
});
})(jQuery);
</script>
<script>
$(document).ready(function(){
$("#test_div").sing();
});
</script>
<body>
<div id="test_div"></div>
</body>
</html>
其实吧，jQuery.extend()这个方法，主要是用来拓展个全局函数啦，例如$.ajax()这种，要不就是拓展个选择器啦，例如$.fn.each()，当选择器用。
大部分插件都是用jQuery.fn.extend()。
jQuery.extend(object)
为jQuery类添加类方法，可以理解为添加静态方法。如：
jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); // 2
jQuery.max(4,5); //
Objectj jQuery.extend( target, object1, [objectN])
用一个或多个其他对象来扩展一个对象，返回被扩展的对象
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
//结果：settings被options修改,变成了{ validate: true, limit: 5, name: "bar" }
jQuery.extend(settings, options);
jQuery.fn.extend(object)
对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。
比如我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert 当前编辑框里的内容。可以这么做：
$.fn.extend({
alertWhileClick:function() {
$(this).click(function(){
alert($(this).val());
});
}
});
$("#input1").alertWhileClick();
jQuery.extend() 的调用并不会把方法扩展到对象的实例上，引用它的方法也需要通过jQuery类来实现，如jQuery.init()，而 jQuery.fn.extend()的调用把方法扩展到了对象的prototype上，所以实例化一个jQuery对象的时候，它就具有了这些方法，这 是很重要的，在jQuery.js中到处体现这一点
jQuery.fn.extend = jQuery.prototype.extend
你可以拓展一个对象到jQuery的prototype里去，这样的话就是插件机制了。
(function($){
$.fn.tooltip = function( options ) {
//code
};
//等价于
var tooltip = {
function(options){
//code
}
};
$.fn.extend(tooltip) = $.prototype.extend(tooltip) = $.fn.tooltip
})( jQuery );
随机推荐
- 福大软工1816：Beta（7/7）
Beta 冲刺 (7/7) 队名:第三视角 组长博客链接 本次作业链接 团队部分 团队燃尽图 工作情况汇报 张扬(组长) 过去两天完成了哪些任务 文字/口头描述 组织会议 wxpy中多个功能的开发 整 ...
- Week2-作业1 -阅读《构建之法》
第一章 在阅读第1.2.2节时,感受最深,记得开学初有老师就给我们分析过计算机专业和我们专业的区别,当时是给我们讲的是计算机科学注重的是理论,偏向于硬件方面,而软件工程则注重实践,偏向于软件方面.然很 ...
- [学习]WireShark 的过滤功能
1. 打开 wireShark 过滤显示 协议 比如显示arp协议 过滤栏输入arp即可 支持的协议类型 TCP UDP HTTP FTP ICMP SMTP等等 2. 过滤ip地址 ip.addr ...
- opencv 矩阵类数据的运算
参考:http://blog.sina.com.cn/s/blog_7908e1290101i97z.htmlhttp://blog.sina.com.cn/s/blog_afe2af380101bq ...
- pcap的安装与配置
1.打开网址:www.tcpdump.org/ 下载 libpcap-1.0.0.tar.gz (512.0KB) 软件包,通过命令 tar zxvf libpcap-1.0.0.tar.gz 解压文 ...
- ASP.NET 页面访问控制
request常用对象和方法: @属性:1.quary string,获取通过URL路径传来的数据 2.Form,获取通过表单提交传输的数据 3.servervariables,获取Web服务器变量的 ...
- bzoj3663/4660CrazyRabbit && bzoj4206最大团
题意 给出平面上N个点的坐标,和一个半径为R的圆心在原点的圆.对于两个点,它们之间有连边,当且仅当它们的连线与圆不相交.求此图的最大团. 点数<=2000,坐标的绝对值和半径<=5000. ...
- bzoj4815[CQOI2017]小Q的格子
题意 不简述题意了,简述题意之后这道题就做出来了.放个原题面. 小Q是个程序员. 作为一个年轻的程序员,小Q总是被老C欺负,老C经常把一些麻烦的任务交给小Q来处理. 每当小Q不知道如何解决时,就只好向 ...
- 【bzoj2121】字符串游戏 区间dp
题目描述 给你一个字符串L和一个字符串集合S,如果S的某个子串在S集合中,那么可以将其删去,剩余的部分拼到一起成为新的L串.问:最后剩下的串长度的最小值. 输入 输入的第一行包含一个字符串,表示L. ...
- Android四大组件之Activity & Fragement（续）
1.Activity和Fragment的异同. Activity是UI界面交互的主体,而fragment是这个主体上的元素. 一个activity可以包含0到n个fragment. fragment可 ...