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)
使用一个转换特效来删除指定的一个或多个类,同时增加指定的一个或者多个特效
返回:包装集
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)
使用一个转换特效来删除指定的一个或多个类,同时增加指定的一个或者多个特效
返回:包装集