一步一步制作jquery插件Tabs实现过程

tabs是现在网页应用最广的一种效果，jquery插件和非jquery插件也有不少，有一些朋友问我怎么用jquery.ui.tabs的ajax怎么只请求服务器一次原来我想其实很简单，看看官方的API就了解，不过我在回复这些朋友之前，用firebug查看了官方的ui.tabs发现，声明了ajax缓存，每点一个tabs时，仍然会有服务器请求这应该是服务器缓存，而不是实际上我们要求的只ajax一次，不再请求服务器了接下来我找了一下其它的tabs插件，基本上没有符合要求的，不是太庞大就是太简单，太过庞大的话不如用ui.tabs，文档和代码规范上都是可靠的因此，自制一个简洁的tabs插件还是有必要的在设计之前，先整理好思路，实现tabs，自动轮换，ajax等主要功能，然后是dom的排列形式，这里采用传统的
<div id="tabs">
　　<ul>
　　　　<li><a href="#tabs1">tabs1</a></li>
　　　　<li><a href="#tabs2" rel="ajax.htm">tabs2</a></li>
　　</ul>
　　<div id="tabs1">Hello World!</div>
　　<div id="tabs2"></div>
</div>
一个li对应一个div的方式，当ajax时，添加一个a的rel属性，并将内容写入对应的div中，再去掉rel属性，这样就只请求服务器一次，接下来都是div已经写入的内容了
我这里没有使用cookie，可以结合jquery.cookie插件，这样即使用户关闭网页下次再打开，也不用请求服务器了
一，首先写个jquery插件的闭包，园子里这两天有个朋友写了javascript的闭包概念，挺好的，有兴趣的朋友去看看