编写一个简单的Jquery插件

1、实现内容

定义一个简单的jquery插件，alert传递进来的参数

2、插件js文件(jquery.showplugin.js)

(function ($) {

//定义插件中的方法

    var methods = {  //Object

        showName: function (name) {

            alert(‘Name:‘ + name);

        },

        showAge: function (age) {

            alert(‘Age‘ + age);

        }

    };
//method方法名

    $.fn.showplugin = function (method) {

        if (methods[method]) {  //执行方法

            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); //arguments可为字符串，也可为对象

        }

        else if (typeof method === ‘object‘ || !method) {

            return methods.init.apply(this, arguments);

        } else {

            $.error(‘Method ‘ + method + ‘ does not exist on jQuery.showplugin‘);

        }

    };
})(jQuery);

3、引入插件

<script src="Scripts/jquery-1.4.1.min.js"
type="text/javascript"></script>
    <script
src="Scripts/Third/ShowPlugIn/jquery.showplugin.js"
type="text/javascript"></script>

4、使用插件

       //showName:方法名

            //{}：传递参数，这里可以传递字符串，也可以传递对象

            $().showplugin(‘showName‘, {"k1":"k1Value","k2":"k2Value"}); 

编写一个简单的Jquery插件,码迷,mamicode.com