源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery 插件开发指南

  • 时间:2022-05-18 22:58 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery 插件开发指南
那么首先我们来简单的看一下最正统的 jQuery 插件定义方式:
[url=http://www.1sucai.cn/article/57406.htm]详谈JavaScript 匿名函数及闭包[/url]】这篇文章。 jQuery 的继承方法 $.extend —— $.extend 在jQuery 插件开发中有个很重要的作用,就是用于合并参数。
[u]复制代码[/u] 代码如下:
$.fn.tip = function (settings) {     var defaultSettings = {            //颜色     color: 'yellow',        //延迟        timeout: 200     }  /* 合并默认参数和用户自定义参数 */   settings = $.extend(defaultSettings, settings);    alert(settings.input); <br>}
 jQuery 插件定义第二种方式:
[u]复制代码[/u] 代码如下:
(function ($) {     //插件定义--更换名字     $.fn.tabpanel = function (method) {         var methods = $.fn.tabpanel.methods;         if (methods[method]) {             return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));         } else if (typeof method === 'object' || !method) {             return methods.init.apply(this, arguments);         } else {           }     }     //支持的方法     $.fn.tabpanel.methods =     {         //初始化         init: function (p_options) {             tabpanelBind(p_options, this);         },         add: function (p_options) {             addTab(p_options, this);             tabpanelBind(p_options, this);             // debugger         }    }     function add(p_options) {         var _defaults = {             id: ""         }     <br>    //内部实现略.........<br>        return _index;     } <br>})(jQuery);<br><br>调用  $("#team").tabpanel('add',"");
好了,上面介绍的这2种开发方式都是最常用的,小伙伴们先好好学习下吧,后续我们再介绍的更深入些
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部