jQuery API学习之CSS操作函数与动画效果篇

jQuery CSS操作函数

常用jQuery CSS操作函数介绍:

CSS属性 描述
css() 设置或返回匹配元素的样式属性
height() 设置或返回匹配元素的高度
offset() 返回第一个匹配元素相对于文档的位置
offsetParent() 返回最近的定位祖先元素
position() 返回第一个匹配元素相对于父元素的位置
scrollLeft() 设置或返回匹配元素相对滚动条左侧的位置
scrollTop() 设置或返回匹配元素相对滚动条顶部的位置
width() 设置或返回匹配元素的宽度
innerHeight() 为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding,但是不包括border。
innerWidth() 为匹配的元素集合中获取第一个元素的当前计算宽度值,包括padding,但是不包括border
outerHeight() 获取元素集合中第一个元素的当前计算高度值,包括padding,border和选择性的margin。返回一个整数(不包含“px”)表示的值 ,或如果在一个空集合上调用该方法,则会返回 null。
outerWidth() 获取元素集合中第一个元素的当前计算宽度值,包括padding,border和选择性的margin。(注:返回一个整数(不包含“px”)表示的值,或如果在一个空集合上调用该方法,则会返回 null。)
width() 设置或返回匹配元素的宽度

jQuery 常用特效API:

jQuery 库提供了几种为页面添加动画效果的技术。包括经常使用的简单、标准的动画效果和用于创造新动画效果的辅助工具。

名称 描述
.animate() 根据一组css属性,执行自定义动画
.delay() 设置一个延时来推迟执行队列中后续的项
.dequeue() 执行匹配元素队列的下一个函数
.fadeln() 通过淡入的方式显示匹配的元素
.fadeOut() 通过淡出的方式隐藏匹配元素
.fadeTo() 调整匹配元素的透明度
.fadeToggle() 通过匹配元素的不透明动画来显示或隐藏他们
.finish() 停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素的所有动画。
.hide() 隐藏匹配的元素
.queue() 显示在pipe的元素上已经执行的函数队列。在匹配的元素上操作已经附加的函数列表
.show() 显示匹配的元素
.slideDown() 用滑动动画显示一个匹配元素
.slideToggle了() 用滑动动画显示或隐藏一个匹配元素
.slideUp() 用滑动动画隐藏一个匹配元素
.stop() 停止匹配元素当前正在运行的动画
.toggle() 显示或隐藏匹配元素

相关链接:

demo以及资料访问地址:vss上面 \99.Study\css and anime.rar

你可能感兴趣的:(jQuery API学习之CSS操作函数与动画效果篇)