jquery 学习笔记20120713

jquery 主题包和特效

jquery UI 包元素分类：

特效类：除了jquery 核心库提供的特效之外的增强特效

交互类：鼠标交互，比如拖放元素，排序元素等

部件类：如进度条，滑动条，对话框，选项卡等

jquery UI下载页面地址：http://jqueryui.com/download

知识点一

概述jquery ui

1.类的命名

为防止在类的命名空间里使用其他人的命名，所有的jquery UI 类名都是以ui-作为前缀。类的名称都是小写的，并使用连字符(-)来分隔单词

如：ui-state-active

2.识别部件

jquery UI使用一组以ui-widget 开头的类名来标识构成部件的元素。类ui-widget用来标识部件的元素—通常是一个容器。

3.状态跟踪

jquery UI使用一组以ui-state开头的类来跟踪这些状态，并为其应用合适的视觉样式。

状态包括：ui-state-default  ui-state-active  ui-state-focus  ui-state-highlight  ui-state-error  ui-state-disabled  ui-state-hover

4.图标

jquery UI图标使用ui-icon开头的类名来标识

知识点二

jquery UI特效

effect(type,options,speed,callback)

执行包装集元素上的指定特效

type(字符串)要运行的特效。参数（blind,bounce,clip,drop,explode,fade,fold,hightlight,puff,pulstate,scale shake,size,slide及transfer）

options(对象)提供核心animate()方法定义的指定特效的选项

speed(字符串|数字)提供slow,normal,fase或者以毫秒为单位的特效持续时间

返回值：包装集

jquery 特效表见9—1

知识点三

增强的可见性方法

show(effect,options,speed,callback)

hide(effect,options,speed,callback)

toggle(effect,options,speed,callback)

使用指定的特效来显示、隐藏、或者切换包装元素的可见性

options(对象)为指定的特效提供表9-1所示选项

知识点四

为类转换应用动画特效

addClass(class,speed,easing,callback)

removeClass(class,speed,easing,callback)

toggleClass(class,force,speed,easing,callback)

在包装元素上添加、删除或者切换指定的类名。

easing(字符串)将要传入animate()方法的缓动函数的名称

force(布尔)如果指定为true 则强制toggleClass()方法添加类名，如果指定为false 则强制删除类名

返回：包装集

switchClass(removed,added,speed,easing,callback)

使用一个转换特效来删除指定的一个或多个类，同时增加指定的一个或者多个特效

返回：包装集