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"});