$、fn

$

$ 是JQuery的别称，可以代替JQuery，定义为 "选取" 

$.function(); //选取 JQuery 定义的 function() 执行
$('input')//选取 HTML 当中全部的 input 标签
$('#abc')//选取 HTML 当中 ID 名称为 abc 的物件

fn

资源来源

先看两个例子：

e.g.1
<div id="myDiv"></div>
 
(function($){
  $.fn.extend({
    test:function(){
       alert($(this).attr('id'));
    }
})
})(jQuery)
 
$('#myDiv').test();//打印出 : myDiv

e.g.2 
(function($){
$.extend({
test:function(){
alert('111');
}
})
})(jQuery)

$.test();//打印出：111

两个例子区别在于$.后有无fn，jQuery为开发插件提拱了两个方法，分别是： 

jQuery.extend(object);//为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);//给jQuery对象添加方法。 

我们来看看fn的定义

jQuery.fn = jQuery.prototype ={ 
　　　init: function( selector, context ){//....　 
　　　//...... 
}; 

jQuery.fn.extend(object);是对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。

jQuery.extend(object);可以理解为添加静态方法，之后便可以在引入 jQuery　的地方，使用这个方法了， 比如$.add(3,4);