美文网首页
jQuery API学习之CSS操作函数与动画效果篇

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

作者: 风林山 | 来源:发表于2016-11-17 09:26 被阅读0次

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操作函数与动画效果篇

    jQuery CSS操作函数 常用jQuery CSS操作函数介绍: jQuery 常用特效API: jQuery...

  • jQuery入门

    jQuery是js的函数库。 功能: html元素选择与操作 css操作 html事件函数 JS特效和动画 Htm...

  • jquery实战

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 jQuery其他事件 自定义事件

  • 2018-12-08

    jQuery做选项卡 jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 元素绝对位置...

  • jQuery动画的easing插件Demo

    一、前言 从jQuery API 文档中可以知道,jQuery自定义动画的函数$().animate( prope...

  • jQuery学习

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 元素的绝对位置 鼠标移入移出 in...

  • 30 Seconds of CSS代码块解读(动画篇)

    30 Seconds of CSS代码块解读(动画篇) 这是第三篇解读,主要包括加载效果,自定义过渡动画函数和下划...

  • 五、jQuery操作css、位置属性和尺寸属性

    jQuery操作css属性jQuery操作位置属性jQuery操作尺寸属性 1. jQuery操作css属性 逐个...

  • jQuery CSS类

    本节我们学习如何通过 jQuery 对 CSS 元素进行操作。 jQuery 有以下四种操作 CSS 的方法: 方...

  • jQuery CSS类

    本节我们学习如何通过 jQuery 对 CSS 元素进行操作。 jQuery 有以下四种操作 CSS 的方法: 方...

网友评论

      本文标题:jQuery API学习之CSS操作函数与动画效果篇

      本文链接:https://www.haomeiwen.com/subject/pxldpttx.html