jQuery技术

Douban的jquery使用技巧

字号+ 作者:H5之家 来源:H5之家 2018-01-22 16:05 我要评论( )

Douban的jquery使用技巧 Douban 是2.0 社区里面比较成功的一个产品, 里面ajax技术也做得不错, 把它的源码拿来研究了一下, 它在页面上使用了jquery, 我比较喜欢它的一体式的事件处理机制,不用写很多的事件绑定代码,只需要通过一定的命名规则就可以自动给页

Douban的jquery使用技巧

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

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

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


收起时的样子

转自

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery 中eq和get的区别

    jquery 中eq和get的区别

    2018-01-22 18:00

  • jQuery教程视频_hover事件绑定

    jQuery教程视频_hover事件绑定

    2018-01-22 16:00

  • jqGrid插件学习(2)

    jqGrid插件学习(2)

    2018-01-22 13:00

  • jQuery 操作input中radio的技巧

    jQuery 操作input中radio的技巧

    2018-01-22 12:16

网友点评
/