《如何开发一个JQuery插件》由会员分享,可在线阅读,更多相关《如何开发一个JQuery插件(3页珍藏版)》请在金锄头文库上搜索。
1、如何开发一个JQuery插件?jQuery.extend(object);jQuery.extend(object);方法为扩展jQuery类本身.并为类添加新的方法。jQuery.fn.extend(object)方法是给 jQuery 对象添加方法。jQuery.fn = jQuery.prototype.虽然javascript没有明确的类的概念,但是用类来理解它,会 更方便。jQuery便是一个封装得非常好的类,比如我们用语句$( #btn1 ) 会生成一个jQuery类的实例。jQuery.extend(object); 为jQuery类添加添加类方法,可以理解为添加静态方法。如:$
2、.extend(add:function(a,b) return a+b;便为jQuery添加一个为add的“静态方法”,之后便可以在 引入jQuery的地方,使用这个方法了,$.add(3,4); /return 7jQuery.fn.extend(object); 对 jQuery.prototype 进得扩展,就 是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”比如我们要开发一个插件,做一个特殊的编辑框,当它被点击时, 便alert当前编辑框里的内容。可以这么做:Java代码1. $.fn.extend(2.3. alertWhileClick:funct
3、ion()4.5. $(this).click(function()6.7. alert($(this).val();8.9.10.11.12.13.14. $( #input1 ).alertWhileClick(); 页面上为:$.fn.extend(alertWhileClick:function()$(this).click(function()alert($(this).val();$( #input1 ).alertWhileClick(); 页面上为:$( #input1 )为一个jQuery 实例,当它调用成员方法alertWhileClick 后,便实现了扩展,每次被点击时它会先弹出目前编辑里的内容。jQuery提拱了丰富的操作文档,事件,CSS ,Ajax、效果的方法, 结合这些方法,便可以开发出更加Niubility 的插件。