D!eR 个人博客

据说是一本不错的JQuery书，看完后感觉总体也不错，介绍的挺全面的，列举了大量的例子，比较易懂。加上之前学过一点CSS方面的知识，所以在看选择器这部分也比较容易理解（很多都是CSS的写法）。总体感觉，JQuery大置分成了几大块：选择器、DOM操作、事件、动画、AJAX。本书都一一的介绍了，特别是选择器，几乎每种选择器都列举了一个例子，很容易看懂。此文为读本书的过程中，记录的一些笔记，例子不是书

·概述标签页插件通常用于将内容分解成多个部分，可交换查看，节省空间。有点类似于手风琴插件。官方示例地址：http://jqueryui.com/demos/tabs/·丰富的事件支持： tabsselect, tabsload, tabsshow tabsadd, tabsremove tabsenable, tabsdisable 事件绑定示

·概述JQuery UI特有的动画效果库，允许元素在改变样式或外观或状态时，使用动画效果。官方示例地址：http://jqueryui.com/demos/effect/·effect( effect, [options], [speed], [callback] ) 支持的样式有： blind //从下至上收起来，直到隐藏 bounce //上下晃动

·概述进度条是一种简单的显示进度百分比的插件，它可以自动适应父窗口的大小。官方示例地址：http://jqueryui.com/demos/progressbar/·参数（参数名 : 参数类型 : 默认值）value : Number : 0 进度条的当前状态百分比。 初始：$(.selector).progressbar({ value: 37 });

·概述滑动条是一种简单的设置一定范围内参数的插件。官方示例地址：http://jqueryui.com/demos/slider/·参数（参数名 : 参数类型 : 默认名称）animate : Boolean : false 设置是否在拖动滑块时执行动画效果。 初始：$(.selector).slider({ animate: true }); 获取：

// -------------------- JQuery UI - dialog --------------------·概述一个浮动的窗口，包含标题和内容两部分。可以移动，调整大小，以及关闭图标×。如果内容长度超过了对话框内容区域的显示，则会自动出现滚动条。除此之外，还有一些常用的选项，如：添加底部按钮栏、模式窗口屏蔽层等。官方示例地址：http://jquer

·概述日期选择插件是一个配置灵活的插件，你可以定义它的展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。官方示例地址：http://jqueryui.com/demos/datepicker/同时，你还可以通过键盘控制它：page up/down - 上一月、下一月ctrl+page up/down - 上一年、下一年 ctrl+hom

·概述手风筝插件。点击头部，展开、折叠对应的内容元素，有点类似于tabs插件。此插件同一时间内只允许展开一个内容页。官方示例地址：http://jqueryui.com/demos/accordion/HTML标记：在手风筝插件中，头部与内容必须成对出现。如： First header First content Second header

·概述resizable插件可以让选中的元素具有改变尺寸的功能。官方示例地址：http://jqueryui.com/demos/resizable/所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象ui.helper - 表示当前被改变尺寸的元素的JQuery对象ui.originalPosition - 表示未改变尺寸之前元

·概述Selectable插件允许用户对指定的元素进行选中的动作。此外还支持按住Ctrl键单击或拖拽选择多个元素。官方示例地址：http://jqueryui.com/demos/sortable/所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象ui.helper - 表示sortable元素的JQuery对象，通常是当前元素的克

·概述配合draggable插件，允许拖放到任何DOM元素内。官方示例地址：http://jqueryui.com/demos/droppable/所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象ui.draggable - 表示当前被拖拽的元素的JQuery对象ui.helper - 表示当前被拖放的元素的JQuery对象

·概述在任何DOM元素启用拖动功能。通过单击鼠标并拖动对象在窗口内的任何地方移动。官方示例地址：http://jqueryui.com/demos/draggable/所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象ui.helper - 表示被拖拽的元素的JQuery对象ui.position - 表示相对当前对象，鼠标的坐

·概述Selectable插件允许用户对指定的元素进行选中的动作。此外还支持按住Ctrl键单击或拖拽选择多个元素。官方示例地址：http://jqueryui.com/demos/selectable/·参数（参数名 : 参数类型 : 默认值）autoRefresh : Boolean : true 决定是否在每次选择动作时，都重新计算每个选中元素的坐标和大小。如果你

 注意：·此文档非官方文档，只是在学习过程中，顺便翻译的。·本人英文水平有限，不能按作者的原意一一翻译，难免也有翻译（或理解）错误的地方，还望谅解。·如不介意，发现错误的话，有劳在文章中回复给予指正。谢谢！·文章只翻译了JQuery UI中的文档部分，如果想看例子，建议看官方的例子，我觉得那个已经很全面了。·如有幸得到您转载本文或目录中翻译的文章，烦请注明出处，谢谢。

·概述Uploadify 是一个JQuery插件，它协助你轻松简单的将一个或多个文件上传至你的网站。它需要Flash控件和后台开发语言的支持，丰富的参数配置，同时也简单易用，让你轻松上手。官方网站：http://www.uploadify.com/官方示例：http://www.uploadify.com/demo/开发文档：http://www.uploadify.com