总结jQuery插件开发中的一些要点.docxVIP

总结jQuery插件开发中的一些要点 这篇文章主要介绍了总结jQuery插件开发中的一些要 点,包括命名空间与事件events等重点和难点部分的讲解, 要的朋友可以参考下 基础 1、jQuery插件开发主要使用如下两个方法： 1、添加静态方法 jQuery. extend (object); 为扩展jQuery本身，为类添加新的方法，可以理解文 添加静态方法。 $? extend ({nbsp; addMethod :function(a ,b) {returna +b;}nbsp;// $. addMethod (1,2);//ret urn3 }); 1.2、添加成员方法 jQu ery. fn. exte nd (object); jQuery. fn 二jQuery. pro totype 给jQ uery对象添加方法，对jQuery. pro totype进行 扩展，为jQuery类添加成员方法： $? fn. ex tend({nbsp; nbsp; getl nput Text: fu net ion () {nb sp; nbsp;n bsp; $ (this)? click(func tion() {nbsp ; nbsp; nbs p; nbsp; aler t ($ (this)? v al ()) : nbsp; nbspjnbsp;});nbsp; nbsp ;}nbsp; }); $ (〃#userna me〃)? getlnp utText (); 2、一个通用的框架： 以下是一个通用的框架： (fu notion($) {n bsp; nbsp; $. fn. yourPl uginName=fu nction(opti ons) {nbsp; nbsp;nbsp;//各种属性和参数nb sp; nbsp;n bsp;varopti ons=$? exten d(defaults, options) ;nb sp; nbsp; n bsp; this? ea ch (function () {nbsp; n bsp;nbsp;nb sp;//插件的实现代码 nbsp;nbsp;});nbsp; nbs p;} ;nbsp; }) (jQuery); 关于 $? extend (defaults, op tions); 就是通过合并default s和options来扩展defaults, 实现插件默认参数的功能。 实践 1、 声明插件名称： 添加一个函数到 jQ uery. fn (jQu ery. prototy pe)对 象，该函数的名称就是你的插件名称： jQuery. fn. myPlugin=fu notion() { nbsp: //Doyo urawesomepl uginstuffhe re }; 在命名不与jQuery其他函数冲突的情况，可以使用闭 包的方式使用$符号： (f unction ($) { nbsp; $. fn . myPlugin=f unction() { nbsp;//Doy ourawesomep luginstuffh ere nbsp;}; })(jQuery); 2、 插件中的上下文： jQuery接收一个回调，该回调本身就指向了dom,直接 使用this就相当于我们平时的$(this)的情况： (function($) { nbsp; $? f n. myPlugin=function () { nbsp;//th ere snoneed todo$ (this)because nb sp;//his/zisalreadyaj queryobject nbsp;//$ (this)wouldb ethesameas$ ($ (J ttelemen t，)); nbsp ; this? fadel n C normaT , function () { nbspjnbsp ;//thethisk eywordisaDO Melement nbs p;}); nbsp;}； })(jQuery); $ (J #elem ent). myPlu gin (); 下面是一个简单的jQuery插件，实现获取所有di v的 最大高度： (fun ction ($) { nbsp;$? fn. m axHeight=fu notion() { nb sp;varmax=0 ; nbsp;thi s. each(func tion() { nb sp;nbsp;max =Math. max(m ax, $ (this)? height ()); n bsp;}); nbsp ;returnmax; nbsp;}; }) (j Query); va rtalles