jQuery自定义插件
jQuery自定义插件按照功能分类，可以分为三类，
1>封装对象方法的插件，（也就是基于某个DOM元素的jQuery对象，局部的）
2>封装全局函数的插件, (全局的封装)
3>选择器插件 (类似.find() )
第三种用的很少，jquery现在封装的很好了，这里我们主要讲的是1和2两种
封装对象方法的插件
1.建立js文件,通常是jquery.xxxx.js
2.在文件中写入
/*jQuery测试插件*/
;(function($){ //添加';'号 是为了防止前面的js少写';'号 影响我们的插件
$.fn.extend({ //jquery对象继承
test_value: '123', //变量
test:function(){ //方法
alert();
}
});
})(jQuery); //传入jQuery对象
3.调用
$(window).test(); //调用方法
alert($(window).test_value); //使用变量
封装全局方法的插件
1.建立js文件,通常是jquery.xxxx.js
2.在文件中写入
/*jQuery测试插件*/
;(function($){ //添加';'号 是为了防止前面的js少写';'号 影响我们的插件
$.extend({ //jquery对象继承
test_value: '123', //变量
test:function(){ //方法
alert();
}
});
})(jQuery); //传入jQuery对象
3.调用
$.test(); //调用方法（全局直接调用）
alert($.test_value); //使用变量 （全局直接调用）