jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)

 更新时间:2010年10月20日 01:51:05   作者:  
这些年,javascript火起来了,主要归功于AJAX的推广应用,Web2.0的发展。。。于是,出现了很多的javascript框架。
我选择了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中元素选择器(element)简单用法示例

    jQuery中元素选择器(element)简单用法示例

    这篇文章主要介绍了jQuery中元素选择器(element)用法,简单通俗的说明了jQuery元素选择器的功能、用法并结合实例形式分析了jQuery元素选择器的相关使用技巧与注意事项,需要的朋友可以参考下
    2018-05-05
  • jQuery实现弹窗居中效果类似alert()

    jQuery实现弹窗居中效果类似alert()

    本文给大家分享基于jquery实现弹窗居中效果类似于alert(),代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下
    2017-02-02
  • JS与jQuery实现隔行变色的方法

    JS与jQuery实现隔行变色的方法

    这篇文章主要介绍了JS与jQuery实现隔行变色的方法,结合实例形式对比分析了javascript与jQuery实现隔行变色的具体操作步骤与相关技巧,体验一下jQuery的华丽与简洁,需要的朋友可以参考下
    2016-09-09
  • JQuery中extend的用法实例分析

    JQuery中extend的用法实例分析

    这篇文章主要介绍了JQuery中extend的用法,实例分析了extend的功能、定义及相关使用技巧,需要的朋友可以参考下
    2015-02-02
  • Jquery下判断Id是否存在的代码

    Jquery下判断Id是否存在的代码

    Jquery下判断Id是否存在的代码,需要的朋友可以参考下。
    2011-01-01
  • jQuery EasyUI API 中文文档 - Panel面板

    jQuery EasyUI API 中文文档 - Panel面板

    jQuery EasyUI API 中文文档 - Panel面板,使用jQuery EasyUI的朋友可以参考下。
    2011-09-09
  • jQuery实现带动画效果的多级下拉菜单代码

    jQuery实现带动画效果的多级下拉菜单代码

    这篇文章主要介绍了jQuery实现带动画效果的多级下拉菜单代码,可实现点击渐隐渐显效果,涉及jQuery页面元素的遍历及链式操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • jquery简单倒计时实现方法

    jquery简单倒计时实现方法

    这篇文章主要介绍了jquery简单倒计时实现方法,涉及jQuery定时函数操作及日期与实现的运算技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • jQuery设计思想完整篇

    jQuery设计思想完整篇

    据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。
    2011-08-08
  • jquery 应用代码 方便的排序功能

    jquery 应用代码 方便的排序功能

    点击后可以输入排序的数字编号,移开后自动更新数据库。
    2010-02-02

最新评论