欢迎来到天天文库
浏览记录
ID:30513915
大小:19.33 KB
页数:14页
时间:2018-12-30
《总结jquery插件开发中的一些要点》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解总结jQuery插件开发中的一些要点 这篇文章主要介绍了总结jQuery插件开发中的一些要点,包括命名空间与事件events等重点和难点部分的讲解,要的朋友可以参考下 基础 1、jQuery插件开发主要使用如下两个方法: 1.1、添加静态方法 jQuery.extend(object); 为扩展jQuery本身,为类添加新的方法,可以理解文添加静态方法。 $.extend({ addMethod:function
2、(a,b){returna+b;} //$.addMethod(1,2);//return3 }); 1.2、添加成员方法 jQuery.fn.extend(object); jQuery.fn=jQuery.prototype 给jQuery对象添加方法,对jQuery.prototype进行扩展,为jQuery类添加成员方法: $.fn.extend({ getInputText:function(){ $(this).click(function(){ 对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国
3、共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 alert($(this).val()); }); } }); $("#username").getInputText(); 2、一个通用的框架: 以下是一个通用的框架: (function($){ $.fn.yourPluginName=function(options){ //各种属性和参数 varoptions=$.extend(de
4、faults,options); this.each(function(){ //插件的实现代码 }); }; })(jQuery); 关于 $.extend(defaults,options); 就是通过合并defaults和options来扩展defaults,实现插件默认参数的功能。 实践 1、声明插件名称:对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,
5、对党的性质、宗旨、任务等基本知识有了进一步的了解 添加一个函数到jQuery.fn(jQuery.prototype)对象,该函数的名称就是你的插件名称: jQuery.fn.myPlugin=function(){ //Doyourawesomepluginstuffhere }; 在命名不与jQuery其他函数冲突的情况,可以使用闭包的方式使用$符号: (function($){ $.fn.myPlugin=function(){ //Doyourawesomepluginstuffhere }; })(jQuery); 2、插件中的上下
6、文: jQuery接收一个回调,该回调本身就指向了dom,直接使用this就相当于我们平时的$(this)的情况: (function($){ $.fn.myPlugin=function(){ //there'snoneedtodo$(this)because //"this"isalreadyajqueryobject //$(this)wouldbethesameas$($('#element')); this.fadeIn('normal',function(){ //thethiskeywordisaDOMelement对党的认识也
7、有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 }); }; })(jQuery); $('#element').myPlugin(); 下面是一个简单的jQuery插件,实现获取所有div的最大高度: (function($){ $.fn.maxHeight=function(){ varmax=
此文档下载收益归作者所有