Douban的jquery使用技巧

Douban是2.0 社区里面比较成功的一个产品, 里面ajax技术也做得不错, 把它的源码拿来研究了一下, 它在页面上使用了jquery,  我比较喜欢它的一体式的事件处理机制，不用写很多的事件绑定代码，只需要通过一定的命名规则就可以自动给页面元素加上一些功能, 它上面几乎所有的功能都通过这个实现, 配合jquery强大的选择器，代码看起来比较简洁清晰.  下面我们就来看看它的一些核心部分. 我使用的是jquery 1.2.3，压缩之后29kb大小, 速度感觉上比以前有比较大的改善.废话不多说了，直接看看代码吧. 另外推荐一下blueprint 这个css框架，还挺好用的.

//定义命名空间
var Bowtech=new Object();

//注册全局的事件监视器.
)

前台要用就比较简单了,  只需要这样写:

<div id="test2" class="mod">
                <h3>
                    这里可以放标题
                </h3>
                <div class="j modb a_forder" id="modb-1002">
                    这里是一些主要的内容
                    <dl>
                        <dt>Hello world</dt>
                        <dd>
                            hahaha</dd>
                    </dl>
                    这个实验在沙加的神舟本上完成
                </div>
                <div class="edit">
                    <a id="f-1002" class="forder" href="javascript:void(0);">[收起]</a> <a id="unf-1002"
                        class="unforder" href="javascript:void(0);">[展开]</a>
                </div>
            </div>

样式就省略了, 大家可以自己写, 最后发两个效果图:

收起时的样子

开发环境:  沙加的神舟本, VS2008, Framework 2.0