JQUERY 是非常有名的JAVASCRIPT 库，它的宗旨是更少的代码实现更多的功能。在我的实际使用过程中，真实的感受到了这一点。能用JQUERY 实现的强大的功能，特别是它的AJAX 功能，代码却是十分的优美而又简洁，如果换作直接用 JAVASCRIPT 去实现的话，代码肯定没那么少，也谈不上优美了。

在开发一个企业网站后台的时候，用JQUERY 实现了一个简单的功能------伸缩门。伸缩门在网站后台的功能目录树应用的很多，可以大大节省有限的网页的空间。

我采用JQUERY 和 DIV 来实现，引入的JQUERY 库是jquery-1.3.2.min.js，HTML 代码如下

...

经过进一步调试，发现还可以对原有的DIV 布局的HTML 代码进行简化，使得HTML 代码量更少，结构也更加清晰，增加执行的效率。而相应的JQUERY 的代码几乎不用修改。同样的CSS样式控制代码更加简洁。

<div class="tab">
  <ul>
   <li class="selected">111111111</li>
...

因为要对公司的主页www.leathergoods-china.com进行改版，但又不想破坏原有的布局宽度和结构，要在原有主页的有限的空间里添加新的版块却不能去掉原有的版块内容，所以想到了用标签页的技术来对原有的页面内容进行改造。采用标签页 TABS 技术可以将原有的内容压缩进更小的空间里，而且十分方便，易用性强，提高网站使用者体验。首先附上HTML 的布局代码如下：

<div class="tab">