zoukankan      html  css  js  c++  java
  • jQuery扩展插件和拓展函数的写法

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

  • 相关阅读:
    SVN中trunk、branches、tag的使用
    svn建立分支和svn代码合并的操作方法
    SVN分支的合并和同步
    iOS开发--即时通讯
    iOS 开发--开源图片处理圆角
    ios开发--网易滚动导航栏
    ios开发--高德地图SDK使用简介
    大型网站架构演变和知识体系
    Nginx配置文件nginx.conf中文详解
    nginx+apache+php+mysql服务器集群搭建
  • 原文地址:https://www.cnblogs.com/cxxjohnson/p/5589335.html
Copyright © 2011-2022 走看看