What does jquery prototype or fn mean

All objects have a prototype property. It is simply an object from which other objects can inherit properties. The snippet you have posted simply assigns an object with some properties (such as init) to the prototype of jQuery, and aliases jQuery.prototype to jQuery.fn because fn is shorter and quicker to type. If you forget about jQuery temporarily, consider this simple example:

function Person(name) {
    this.name = name;
}
Person.prototype.sayHello = function () {
    alert(this.name + " says hello");
};

var james = new Person("James");
james.sayHello(); // Alerts "James says hello"

In this example, Person is a constructor function. It can be instantiated by calling it with the newoperator. Inside the constructor, the this keyword refers to the instance, so every instance has its ownname property.

The prototype of Person is shared between all instances. So all instances of Person have asayHello method that they inherit from Person.prototype. By defining the sayHello method as a property of Person.prototype we are saving memory. We could just as easily give every instance ofPerson its own copy of the method (by assigning it to this.sayHello inside the constructor), but that's not as efficient.

In jQuery, when you call the $ method, you're really creating an instance of jQuery.prototype.init(remember that jQuery.fn === jQuery.prototype):

return new jQuery.fn.init(selector, context, rootjQuery);

And if you look at jQuery.fn.init:

jQuery.fn.init.prototype = jQuery.fn;

So really, you're creating an instance of jQuery which has access to all the methods declared onjQuery.prototype. As discussed previously, this is much more efficient than declaring those methods on each instance of jQuery

Reference:

http://stackoverflow.com/questions/13140292/what-does-prototype-mean-here-in-the-jquery-source-code

.