`
daogangtang
  • 浏览: 62673 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jQuery Tools插件,是套很好的东东,从这里开始分析研究下它

阅读更多
我看国内目前(2011-6-28)还没有对其文档进行中文化,所以在这里,结合自己的理解跟经验,写一些文档放这儿吧。

下面开始。
------------------------------------------------------------------

jquerytools的设计的哲学是“是工具,不是策略”。即只给你榔头,和使用榔头的方法,至于如何用来完美地修好一栋房屋,那需要你自己去订策略,找原料了。

他的特点是,针对现代web展示性和简洁交互性效果而设计,只保留

  • tabs
  • tooltip
  • scrollable
  • overlay

四大组件。

虽说只有四大组件,但它们都是很抽象的组件,只要想得到,能组合应用到各种场合。

话说,jquerytools是原jquery ui团队(此团队人员分布于世界各地)的一个人(至少做过贡献),可能理念与jquery ui团队的主体理念不一致,就自己拉一帮人搞了jquerytools,搞出来后,jquery ui的人就不满意了,说,你有什么不满意的地方就提出来嘛,提出来大家协商看怎样把jquery ui做得更好,何必要另起炉灶单独搞一套呢。这边呢,反驳的意思是,你们愿意听我的?不可能。于是已经出都出来了,两个理念有好些地方难以调和,再说顶jquerytools的开发者粉丝也很多。所以就这样咯~~不过给我们这些下游开发者来说,倒也增加了点烦恼,有时在两个方案上,不知道选哪一个好。

如果仅仅是展示和简单交互性的页面组件,不需要拖放、排序、及复杂的功能组件的情况下,jquerytools是绝对优先选择——大部分网站是如此的(并不是说jquery ui不好,他适用于稍微复杂点的场合,太复杂貌似也不适用哦)。

平心而论,jquerytools的上手比jquery ui要复杂一点。它需要你的知识准备更丰富一些,包括css,图片素材准备等等。用熟之后,还是很方便的,灵活度更高,适用面更广。

jquerytools实际是在jquery($)这个模块下面注册了一个子模块 $.tools。技术上来说,它有几个很吸引人的特性。

  • 可以对库的一些参数进行全局定制;
  • 可以在tools域下面再写插件;
  • 可以扩展现有操作效果(只需写一个函数,跟在子模块下面);
  • 被绑定的对象可以使用一套由jquerytools传递给它的API函数。


好了,总体的设计,差不多就这些,都是些泛泛而谈,相信上面的几个特性把你的胃口调动起来了吧。那下面就dive into it,好生研究研究其用法及实现。
分享到:
评论

相关推荐

    jquery tools插件之tabs

    总之,jQuery Tools的Tabs插件是构建高质量网页界面的强大工具,它易于使用、功能丰富,为开发者提供了丰富的定制选项,能够满足各种设计需求。通过熟练掌握这个插件,开发者可以提升网站的专业性和用户体验。

    jquery插件库(jquery.treeview插件库)

    jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....

    JQuery-Tools(含Demo)

    1. **jquerytools-master**:这是主项目文件夹,可能包含了jQuery Tools的所有源代码、文档、示例和资源。 - **src**:源代码目录,可能包括了jQuery Tools的核心JavaScript文件和CSS样式表。 - **docs**:文档...

    jquery tools

    jQuery Tools是一款基于jQuery库的轻量级用户界面(UI)框架,它专注于提供一系列实用的交互组件,使得网页开发人员能够快速构建具有丰富用户体验的Web应用程序。这款工具集以其简洁的API和高效的性能赢得了开发者们...

    jquery插件库-jquery抽奖插件.zip

    总结来说,jQuery抽奖插件是网页设计中的一个重要工具,它利用jQuery的强大功能,为用户带来生动有趣的互动体验,从而提升网站的吸引力和用户满意度。在实际开发中,开发者可以根据项目需求,选择合适的插件或者...

    jquery.tools jquery.tools

    jquery.tools jquery.toolsjquery.toolsvjquery.toolsjquery.tools

    《JQuery Tools UI Library》PDF

    《JQuery Tools UI Library》是一本深入探讨jQuery Tools库使用的书籍,它不仅提供了清晰实用的例子,还激发了读者对于如何利用该库开发自己想法的兴趣。本书由Alex Libby编写,并于2012年由Packt Publishing出版。 ...

    jQuery的车牌插件

    总之,“jQuery的车牌插件”是一个实用的工具,它通过与jQuery库的结合,解决了在网页上输入车牌号码的用户体验问题,使得这一过程更加高效和便捷。无论是用于汽车相关的业务系统,还是交通管理平台,甚至是个人项目...

    几种实用的JQuery图表插件

    Flot支持多种类型的图表,如折线图、柱状图、饼图等,通过纯JavaScript实现,对DOM操作友好,可以很好地与其他jQuery组件集成。它的优点在于性能优良,渲染速度快,且支持触控设备。Flot的API设计简洁,允许开发者...

    很好用的Jquery插件

    本文将深入探讨“很好用的Jquery插件”,并介绍几个常用插件及其简单使用方法,这对于在项目中提升用户体验具有显著帮助。 首先,jQuery库的核心优势在于它的API设计,它提供了丰富的选择器、DOM操作、事件处理和...

    jquerytools

    然而,需要注意的是,尽管jQueryTools提供了很多便利,但也要注意性能优化,避免过度依赖插件,确保网页加载速度和用户体验。 总之,jQueryTools作为一款优秀的JavaScript UI库,其强大而全面的工具集为开发者带来...

    jQuery1.3 DW插件

    这个插件是针对DW CS3版本优化的,它集成了jQuery 1.3版本的功能,提供了一个方便的自动提示工具,帮助开发者在编写代码时能够快速获得jQuery方法和属性的建议,从而提高开发速度并减少出错的可能性。 jQuery是一个...

    好用清除html的jquery插件

    你可以通过查看源代码来学习其工作原理,这对于初学者或者希望深入了解jQuery插件开发的人来说是一个很好的学习机会。 标签“清除html格式”是这个插件的核心特性,它可能包括移除HTML标签、属性、样式以及其他非...

    十套常用的精美jquery插件

    在网页开发中,jQuery插件是一种扩展了jQuery库功能的JavaScript代码,使得开发者可以更轻松地实现复杂的功能,如动画效果、交互控件等。本资源包含十套常用的精美jQuery插件,涵盖了多个实用场景,下面将逐一介绍。...

    强大的jQuery表格插件

    jQuery表格插件是前端开发中常用的一种工具,它极大地提升了HTML表格的功能性和用户体验。本文将深入探讨这些插件的特点、优势以及如何利用它们创建功能丰富的数据展示界面。 ### 1. jQuery简介 jQuery是一个轻量...

    eclipse上支持jquery插件

    4. **JSDT**:JSDT是Eclipse的JavaScript开发工具,虽然它本身并不直接支持jQuery,但通过安装额外的jQuery库支持,它可以提供对jQuery的代码补全和语法分析。 5. **WTP**:WTP是Eclipse的一个扩展,专注于Web应用...

    jquery.tools.min.js 最新的1.2.7版本

    jquery.tools.min.js 最新的1.2.7版本 jquery.min.js是压缩版的jquery库,是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符、注释、空行等与逻辑无关的内容删除,并进行一些...

    jquery.tools.min

    《jQuery Tools:高效实现JavaScript功能的利器》 jQuery Tools,简称为jqTools,是一个轻量级的JavaScript库,尤其在处理用户界面交互方面表现出色。标题中的"jquery.tools.min"表明我们正在讨论的是这个库的压缩...

    jquery上下滚动插件

    **jQuery上下滚动插件**是一种常用的前端开发工具,主要用于实现网页元素(如`<li>`列表项)的平滑上下滚动效果。这种效果在展示新闻、公告或产品列表时非常常见,可以为用户带来动态浏览体验,提升网站的互动性和...

Global site tag (gtag.js) - Google Analytics