编写一个简单的Jquery插件
2014-04-30 17:44
609 查看
1、实现内容
定义一个简单的jquery插件,alert传递进来的参数
2、插件js文件(jquery.showplugin.js)
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、使用插件
定义一个简单的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插件
- 利用jQuery编写一个简单的插件
- 编写一个简单的 jQuery 插件(模板)
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 编写自己的jQuery插件简单实现代码
- 一个简单的全选Jquery插件
- 编写一个jQuery的扩展方法(插件)
- 一个简单的jQuery插件制作 学习过程及实例
- 简单的Jquery 插件编写
- 简单实现编写自己的jQuery插件
- jQuery插件如何编写04_ 简单的全选反选插件(关联了主复选框和子复选框,代码简单)
- jQuery 标记当前函数 开始写一个简单的插件
- [置顶] 如何写一个简单的jQuery插件
- 前端开发:一个开源、简单易用的jQuery表格插件(DataTables)
- 分享一个灰常简单好用的jQuery弹出层插件:jquery.artwl.thickbox.js
- 编写自己的jQuery插件简单实现代码
- 图片延迟加载并等比缩放,一个简单的JQuery插件。
- JQuery入门―编写一个简单的JQuery应用案例
- 一个简单的消息提示jquery插件
- 使用 jquery 的 上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能。并且在界面上有radio 的选择内容也要上传