• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 企业邮局
• 网站优化
• 网站备案
• 服务器租用
• 其它服务

域名注册

• 中文域名
• 英文域名
• 通用网址
• 域名解析
• 域名转入\转出

虚拟主机

• 主机购买
• 管理主机
• FTP上传
• 数据库管理
• 主机续费升级

网站建设

• 建站流程介绍
• 网站设计
• 网站改版
• 网站维护
• 网站推广

企业邮局

• 邮箱使用
• 管理邮箱
• 邮箱续费升级
• 全球邮局

网站优化

• seo优化
• seo技巧
• 收索引擎优化
• 关键词优化

网站备案

• 备案流程指南
• 修改备案
• 备案资料下载
• 备案小技巧

服务器租用

• 服务器租用
• 服务器托管

其它服务

• 400电话
• 在线客服
• 财务常见问题
• 会员常见问题

• 您现在的位置： 创新互联 >> 网站建设 >> 网站建设常见问题 >> 自己动手开发jQuery插件

自己动手开发jQuery插件

• 作者：谭小姐 文章来源：网站制作设计部 点击数：1612 更新时间：2009-9-14
• 首先要了解jQuery插件开发分两种，1.类级别的插件开发。2.对象级别插件开发。
  什么? 你居然问什么是类级别和什么是对象级别?
  类级别你可以理解为拓展jquery类，最简单的$.post(...);
  对象级别则可以理解为基于对象的拓展，如$("#Me").fuck(...); 这里这个fuck呢，就是基于对象的拓展了。点到即止，想深入的童鞋请花RMB买书Or网上查资料,书上比俺介绍得更清楚。so...Next...
  至于您要写一个什么东东呢?就轮到前面提到的类级别和对象级别的造型登场了，因为这写法大千世界无奇不有，千奇百怪，各有千秋，写法规范也不统一，俺就按俺觉得最简便的方法写了，Hava a Look!
  <script type="text/javascript">
  jQuery.msg = function () {
  alert("123");
  };
  </script>
  <script type="text/javascript">
  $(function () {
  $.msg();
  });
  </script>
  类级别写法：jQuery.插件名称=function(){.....};
  调用方法：$.插件名称();
  暴露参数这些东西，先暂时不提到。一步步来..
  上面这玩意儿呢，弹出对话框插件，这么说，是先理解要紧，什么是插件，什么是类级别的插件?来看一下页面启动的效果，上图上真相，你懂的..
  来比较一下对象级别插件写法：Go on!
  (function($) {
  $.fn.pluginName = function() {
  // 代码区域。
  };
  })(jQuery);
  对象级别写法：$.fn.插件名称 = function(){};多了一个fn,没错，是fn! fn!!! fn!!!
  调用方法：$("#Me").插件名称();
  稍微说一下，$.插件名称();是通过$访问调用jquery中的全局函数，直接可以通过jquery或者美元$调用，从而实现一些效果。
  $("#Me").插件名称();是通过一个jquery对象所调用的一个函数，什么? 你居然发现这个写法外面一层多了个东东? 阿? 你问怎么回事?
  The First,我们必须先了解一下闭包这个玩意儿的造型(框架)，Look!，这就是传说中用来开发jQuery插件的东东
  （function($){
  //这里是您写东东的地方，不收地税，工商税，个人所得税等..放心大胆使用。
  }）(jQuery);
  (function($){ //这里是您写东东的地方，不收地税，工商税，个人所得税等..放心大胆使用。})(jQuery);
  这里function 后面的$参数，形参，在函数体内部的使用呢，$就是当前您当前整在调用该函数的对象了，这样就能干很多事了....你懂的。
  用一个tabs面板切换插件来详细演示一下jQuery对象级别插件的具体开发,直接上代码。
• 上一篇文章：jQuery实战开发表单验证与自动完成提示插件
  下一篇文章：浅析jQuery页面渐显效果的实现