jQuery扩展插件和拓展函数的写法

本文介绍了一种基于jQuery的插件实现方式及其拓展函数的用法。通过具体实例展示了如何定义插件对象及方法,并提供了调用示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值