jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010-10-20 00:00
786 查看
我选择了jQuery,最主要是它的思想“write less,do more",因为我是一个挑剔的人,以前写过的代码,会时不时翻出来,看看有没有可以精简,优化的地方。一来是对不断学习的推动,二来可以将新的思想,技术应用到里面去。
对于jQuery插件的写法,以前就有介绍过,网上也有很多例子。 这里简要地进行些写法,主要是简写的说明,见下列代码:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
对于jQuery插件的写法,以前就有介绍过,网上也有很多例子。 这里简要地进行些写法,主要是简写的说明,见下列代码:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript"> //jQuery插件的写法(需要传入操作对象) ;(function($) { //PI_TestPlugIn为插件名称,也是插件的操作对象 //为了不会与其它插件名重复,这里我使用PlugIn的缩写PI_来定义插件对象前缀 $.fn.PI_TestPlugIn= { //该插件的基本信息 Info:{ Name: "TestPlugIn", Ver: "1.0.0.0", Corp: "Lzhdim", Author: "lzhdim", Date: "2010-01-01 08:00:00", Copyright: "Copyright @ 2000-2010 Lzhdim Technology Software All Rights Reserved", License: "GPL" }, //具有参数的函数对象,这里参数是一个对象,具有属性 FunctionWithParams:function(paramObj) { //使用参数,是否使用默认值 var params = paramObj ? paramObj : new function(){ param1= "1"; param2= "2"; }; return this.Info.Name + ".FunctionWithParamObject"; }, //具有参数的函数对象,这里参数是一个变量 FunctionWithParam:function(varparam) { //使用参数,是否使用默认值 var param = varparam ? varparam : null; return this.Info.Name + ".FunctionWithParam"; }, //不具有参数的函数对象 FunctionWithOutParam:function() { return this.Info.Name + ".FunctionWithOutParam"; } }; })(jQuery); //jQuery拓展函数的写法(不需要传入操作对象),即API函数 ;(function($) { $.extend({ //PIF_TestExtendFunction为拓展函数的操作对象 //为了不会与其它插件名重复,这里我使用PlugIn的缩写PI_来定义插件对象前缀 PIF_TestExtendFunction: { //该拓展函数的基本信息 Info:{ Name: "TestExtendFunction", Ver: "1.0.0.0", Corp: "Lzhdim", Author: "lzhdim", Date: "2010-01-01 08:00:00", Copyright: "Copyright @ 2000-2010 Lzhdim Technology Software All Rights Reserved", License: "GPL" }, //具有参数的函数对象 FunctionWithParams:function(paramObj) { //使用参数,是否使用默认值 var params = paramObj ? paramObj : { param1: "1", param2: "2" }; return this.Info.Name + ".FunctionWithParamObect"; }, //具有参数的函数对象,这里参数是一个变量 FunctionWithParam: function (varparam) { //使用参数,是否使用默认值 var param = varparam ? varparam : null; return this.Info.Name + ".FunctionWithParam"; }, //不具有参数的函数对象 FunctionWithOutParam:function() { return this.Info.Name + ".FunctionWithOutParam"; } } }); })(jQuery); $(function () { //测试插件 var params = { param1: "3", param2: "4" }; alert($(this).PI_TestPlugIn.FunctionWithParams(params)); alert($.PIF_TestExtendFunction.FunctionWithOutParam()); }); </script>
相关文章推荐
- jQuery扩展插件和拓展函数的写法(匿名函数使用的典型例子)
- jQuery扩展插件和拓展函数的写法
- jQuery下扩展插件和拓展函数的写法
- 用一个案例介绍jQuery插件的使用和写法
- 使用jquery flip插件的一个简单例子
- 第7章: jQuery插件的使用和写法---目录
- 锋利的jQuery读书笔记-第7章 jQuery插件的使用和写法
- jQuery标签替换函数replaceWith()的使用例子
- jQuery Validate表单验证插件的基本使用方法及功能拓展
- 【jQuery】使用$.extend()扩展工具函数
- jQuery标签替换函数replaceWith()的使用例子
- jquery.dataTables插件使用例子详解
- jQuery的datatable的使用例子,以及通过例子分析datatable插件的实现过程,即不但要会用,还要懂其原理
- JQuery插件中的treeview与asp.net mvc的结合使用实例(转)-附加自己的写法
- JQuery插件中的treeview与asp.net mvc的结合使用实例(转)-附加自己的写法
- jQuery插件formValidator自定义函数扩展功能实例详解
- jQuery扩展插件以及正则相关函数练习
- JQuery扩展插件Validate—1基本使用方法
- 第7章 jQuery插件的使用和写法