jQuery.fn定義為jQuery.prototype..從源代碼:

jQuery.fn = jQuery.prototype = {
    // ...}

這意味著jQuery.fn.jquery的別名jQuery.prototype.jquery，它返回當前的jQuery版本。再次從源代碼:

// The current version of jQuery being usedjquery: "@VERSION",

fn字面上指的是jQuery。prototype.

這一行代碼在源代碼中：

jQuery.fn = jQuery.prototype = {
 //list of functions available to the jQuery api}

但背后真正的工具fn它可以將您自己的功能連接到jQuery中。記住jQuery將是函數的父作用域，所以this將引用jQuery對象。

$.fn.myExtension = function(){
 var currentjQueryObject = this;
 //work with currentObject
 return this;//you can include this if you would like to support chaining};

這里有一個簡單的例子。讓我說我想做兩個擴展，一個放藍色邊框，把文本涂成藍色，然后我要把它們鏈接起來。

jsFiddle Demo

$.fn.blueBorder = function(){
 this.each(function(){
  $(this).css("border","solid blue 2px");
 });
 return this;};$.fn.blueText = function(){
 this.each(function(){
  $(this).css("color","blue");
 });
 return this;};

現在，您可以對這樣的類使用這些：

$('.blue').blueBorder().blueText();

(我知道這是最好的CSS，例如應用不同的類名，但請記住，這只是一個演示，以顯示概念)

這個答案有一個完整擴展的好例子。