手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
摘要:我选择了jQuery,最主要是它的思想“writeless,domore",因为我是一个挑剔的人,以前写过的代码,会时不时翻出来,看看有没有...

我选择了jQuery,最主要是它的思想“write less,do more",因为我是一个挑剔的人,以前写过的代码,会时不时翻出来,看看有没有可以精简,优化的地方。一来是对不断学习的推动,二来可以将新的思想,技术应用到里面去。

对于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下扩展插件和拓展函数的写法(匿名函数使用的典型例子)】相关文章:

javascript带回调函数的异步脚本载入方法实例分析

生成html静态文件后的分页(客户端版)

javascript中FOREACH数组方法使用示例

jQuery插件制作之全局函数用法实例

JQuery中层次选择器用法实例详解

javaScript中slice函数用法实例分析

JQuery插件jcarousellite的参数中文说明

JQuery中DOM事件合成用法实例分析

javaScript中push函数用法实例分析

jQuery插件支持同一页面被多次调用

精品推荐
分类导航