jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)_Javascript教程-查字典教程网
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
发布时间:2016-12-30 来源:查字典编辑
摘要:我选择了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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类