`

jQuery 效果 - fadeOut() 方法

 
阅读更多

更多参考:http://www.w3school.com.cn/jquery/jquery_effects.asp

jQuery 效果 - fadeOut() 方法

实例

使用淡出效果来隐藏一个 <p> 元素:

$(".btn1").click(function(){
  $("p").fadeOut();

});

亲自试一试

定义和用法

fadeIn() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。

语法

$(selector
).fadeOut(speed
,callback
)
参数 描述
speed

可选。规定元素从可见到隐藏的速度。默认为 "normal"。

可能的值:

  • 毫秒 (比如 1500)
  • "slow"
  • "normal"
  • "fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其透明度(这样会创造淡出效果)。

callback

可选。fadeOut 函数执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。

除非设置了 speed 参数,否则不能设置该参数。

提示和注释

提示: 如果元素已经隐藏,则该效果不产生任何变化,除非规定了 callback 函数

分享到:
评论

相关推荐

    jQueryAPI-090129.rar jQueryAPI-090129文档

    "$().fadeIn()"和"$().fadeOut()"实现元素的淡入淡出,"$().slideToggle()"完成滑动显示和隐藏,"$().animate()"允许自定义复杂的动画效果,包括改变CSS属性如宽度、高度、透明度等。 Ajax在jQuery中被封装得易于...

    最新版JQuery-jquery-3.2.1.min.js

    - **动画**:`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等提供平滑的动画效果。 - **Ajax**:`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    - `$(element).fadeIn()`/`.fadeOut()`:元素淡入淡出效果。 - `$(element).slideToggle()`:元素滑动显示或隐藏。 - `$(element).animate()`:自定义动画,可以控制速度、缓动函数等。 6. **Ajax交互** - `$....

    jquery-1.11.1.js和jquery-1.11.1.min.js

    例如,使用`$()`可以快速获取DOM元素,`.click()`用于绑定点击事件,`.fadeIn()`和`.fadeOut()`实现元素的淡入淡出效果,`.ajax()`则用于异步数据交互。此外,它还提供了强大的链式操作和插件机制,使得开发者能够...

    jQueryAPI-090129.zip

    jQuery的动画效果是其魅力所在,`fadeIn()`, `fadeOut()`, `slideToggle()`等方法用于实现淡入淡出、滑动显示等常见动画。`animate()`方法则可以自定义复杂的动画效果,包括改变CSS属性、高度、宽度等。 五、Ajax...

    jQueryAPI-100214.rar

    jQuery的动画功能强大,`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等方法可实现平滑的过渡效果。`animate()`方法允许自定义动画,实现更复杂的效果。 六、AJAX操作 jQuery的`.ajax()`函数是进行异步数据请求的...

    jquery-3.1.1.js 、jquery-3.1.1.min.js 【jquery包 js】

    4. **动画效果**:jQuery的`.animate()`方法可以创建自定义动画效果,配合`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`等方法,可以实现丰富的页面动态效果。 5. **Ajax交互**:`.ajax()`, `.get()`, `.post()...

    Jquery下載,Jquery-3.5.1

    4. **动画**: jQuery 动画功能强大,包括 `fadeIn()`, `fadeOut()`, `slideToggle()` 等,使得创建复杂的视觉效果变得简单。 5. **Ajax**: jQuery 的 `$.ajax()` 方法简化了异步数据获取,支持 JSON, XML, HTML 等...

    jQuery-2.2.4.js

    动画效果是jQuery的亮点,$.fn.animate()方法允许开发者创建自定义动画,而$.fn.slideToggle()、$.fn.fadeIn()、$.fn.fadeOut()等预定义的动画函数则提供了常见的过渡效果。 最后,jQuery-2.2.4.js版本中还包含了...

    jquery-3.3.1.js/min.js

    同时,`.fadeIn()`、`.fadeOut()`、`.slideToggle()`等预定义动画效果则提供了常见场景的便捷解决方案。 四、Ajax请求 jQuery的Ajax模块简化了异步数据交互,`.ajax()`是其核心,支持GET和POST等多种HTTP请求方式...

    jquery-3.2.0.js,jquery-3.2.0.min.js

    - **基本动画(Basic Animations)**:`.fadeIn()`, `.fadeOut()`, `.slideToggle()` 等方法创建平滑过渡效果。 - **自定义动画(Custom Animations)**:使用 `.animate()` 方法可以创建自定义动画,如改变宽高、...

    jquery-1.8.0min.js&&jquery;-1.8.0.js

    - **动画效果**:jQuery的动画功能强大,如淡入淡出(fadeIn(), fadeOut())、滑动(slideUp(),slideDown())等,让网页动态效果的实现变得简单。 - **Ajax交互**:$.ajax()函数封装了XMLHttpRequest,提供了异步...

    jquery API -jQueryAPI-100214.chm

    jQuery 动画功能强大,$(selector).fadeIn() 和 $(selector).fadeOut() 分别实现淡入淡出效果,$(selector).slideToggle() 则实现滑动切换。$.animate() 方法可以自定义复杂的动画效果,通过指定CSS属性的变化来创建...

    JQuery类库(jquery-1.2.1,jquery-1.2.6,jquery-1.3.2,jquery-1.4.1)

    4. **动画效果**:JQuery的`animate()`方法可以创建自定义动画效果,如改变元素的宽度、高度、透明度等。此外,还有`fadeIn()`, `fadeOut()`, `slideToggle()`等预定义的动画。 5. **Ajax交互**:JQuery封装了Ajax...

    jQuery--仿迅雷图片轮播切换效果

    可以使用`.fadeOut()`和`.fadeIn()`方法实现平滑的过渡效果,这两者分别用于淡出当前显示的图片和淡入下一张图片。配合`.delay()`方法可以设定间隔时间,以控制图片切换的速度。同时,为了实现无限循环,当最后一张...

    jQuery---幻灯片实例

    jQuery 提供了丰富的插件和方法来实现这一功能。 幻灯片实例通常包括以下组件和特性: 1. 图片轮播:幻灯片的基础是图片轮播,它可以自动或手动切换多张图片,每张图片展示一段时间后自动滑向下一幅。 2. 控制...

    jquery1.7.2 API jquery-1.7.2-vsdoc 汉化中文版本

    - `fadeIn()`, `fadeOut()`: 实现元素的淡入淡出效果。 - `slideToggle()`: 滑动显示或隐藏元素。 - `animate()`: 自定义平滑动画,可以改变CSS属性。 **6. Ajax交互** jQuery的`$.ajax()`函数是核心的Ajax方法,...

    jquery-1.3.2-vsdoc.js

    6. **链式操作**:jQuery的API设计为返回jQuery对象,使得方法调用可以串联,如`$('div').addClass('highlight').fadeOut(500);`。 然而,需要注意的是,`jquery-1.3.2-vsdoc.js`仅适用于jQuery 1.3.2版本,随着...

    jquery-2.0.3.js和jquery-2.0.3.min.js

    4. **动画效果**:`$.animate()`函数可以创建自定义的动画效果,配合`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等预设动画,为网页增添动态魅力。 5. **Ajax交互**:`.ajax()`, `.get()`, `.post()`等方法让异步...

    jquery171-20121018-win

    `fadeIn()`, `fadeOut()`, `slideToggle()`等方法让开发者可以轻松创建各种过渡效果。1.7.1版本在此基础上进行了性能提升,同时增加了更精确的控制选项,如定时器和动画队列,让开发者可以更好地控制动画的执行顺序...

Global site tag (gtag.js) - Google Analytics