[置顶] 如何写一个简单的jQuery插件

在jQuery插件中，我们一般将其分为两种

一、工具类例如ajax之类

就可以直接给$添加 属性or方法

$.chajian = function(){

//函数主体

}

使用

$.extend(  {

a:function(){},

b:function(){}

}  )

相当于定义a,b两个方法

二、DOM操作类 如$("div").attr();

直接给$.fn($.prototype)添加  "属性or方法"

$.fn.f1=function(){
console.log("f1方法");

};

$.fn.extend( {

f1:function(){},

f2:function(){}

}  )

三、一个完整的插件

define([
"jquery"
],function($){

//开发一个基于jquery+bootstrap的模态框插件
$.fn.extend({
myModal:function(){
this.on("hidden.bs.modal",function(){
//移除模态框容器
this.remove();

}).appendTo("body").modal();

//实现链式编程    -->执行完该方法之后，用户还可以再去调用其他的jquery操作方法
return this;

}
});

})