js插件化

概念：$.extend()与$.fn.extend的区别$.extend就是只能用于$来调用的，例如$.extend({getName:function(){return this.name}})，调用$.getName()而$.fn.extend（）就是在$.fu上面扩展方法，可以用于所有对象，为什么？源码：$.fn=$.prototype，就是原型啊，可以被任何对象继承的，而$就只有这个类可以使用。开发插件：1、在全局加入这个方法$.fn.greenify =function(){this.css("color","red");returnthis;};$("a").greenify(); // Makes all the links red.2、链式操作，上面this代表$.fn，每操作完都会返回调用函数的对象3、当然，使用JQUERY选择器的都是一些元素集合，如果要让调用函数对这些元素逐个执行，就要使用$.each().

$.fn.myNewPlugin = function() {

return this.each(function() {
// Do something to each element here.
});

};

4、如果需要设置

(function ( $ ) {

$.fn.greenify = function( options ) {

// This is the easiest way to have default options.
var settings = $.extend({
// These are the defaults.
color: "#556b2f",
backgroundColor: "white"
}, options );

// Greenify the collection based on the settings variable.
return this.css({
color: settings.color,
backgroundColor: settings.backgroundColor
});

};

}( jQuery ));

5、命名空间

(function($){

})(JQuery)

这样是释放$这个符号，就可以用$来引用除Jquery库以外的库了。