jQuery fadeOut() 方法用于淡出可见元素。

语法格式:

$(selector).fadeOut(speed,easing,callback);

speed 参数:规定效果的时长。它可以取以下值:"slow"、"fast"、 或毫秒。

easing参数: 用来指定切换效果,默认时'swing',可用参数'linear'。

callback 参数:效果完成后所执行的函数。

示例:

点击按钮,淡出可见元素(div)。

    <style>div {width: 100px;height: 100px;background-color: rgba(16, 201, 56, 0.863);}</style><script src="jQuery.js"></script><script>jQuery(document).ready(function () {$("button").eq(0).click(function () {$("div").fadeOut();})})</script>
</head><body><button>淡出</button><div></div>
</body>

点击按钮前:

点击按钮后:

jQuery fadeOut() 方法相关推荐

  1. jQuery 事件方法大全

    Dom : Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:" ...

  2. fadeIn()与fadeOut()方法

    show()和hide()方法与fadeIn()和fadeOut()方法相比较,相同之处是都是切换元素的显示状态,不同之处在于,前者的动画效果使用元素的width与height属性都发生了变化,而后者 ...

  3. JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果

    JQuery 基本使用 原生JS获取的对象就是DOM对象 JQuery方法获取的元素是JQuery对象  (伪数组形式存储)   不能使用原生Js的属性和方法 DOM对象转换为 JQuery 对象 $ ...

  4. jQuery fade方法

    在jQuery中,fade方法有着让元素淡入淡出的效果,在jQuery中有着四种fade方法: fadeIn() :用于淡入已隐藏的元素. fadeOut():用于淡出可见元素. fadeToggle ...

  5. jQuery 事件方法大全-超全的总结

    元素事件列表说明: 注:不带參数的函数,其參数为可选的 fn.jQuery不支持form元素的reset事件. 事件 描写叙述 支持元素或对象 blur( ) 元素失去焦点 a, input, tex ...

  6. jQuery on()方法

    jQuery on()方法是官方推荐的绑定事件的一个方法. $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法 ...

  7. JQuery Attributes 方法说明

    转:http://blog.sina.com.cn/s/blog_5ea2cb7e0100c4cx.html JQuery Attributes 方法说明(2009-02-17 01:02:33) 标 ...

  8. Jquery getJSON方法分析(一)

    准备工作 ·Customer类 public class Customer {     public int Unid { get; set; }     public string Customer ...

  9. jQuery 遍历方法

    jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...

  10. jquery ajax html方法吗,jQuery ajax方法

    jQuery AJAX 方法 jQuery load() 方法是简单强大的AJAX方法.从服务器加载数据,并将数据显示在被选中元素中. 语法: $(selector).load(URL,data,ca ...

最新文章

  1. nginx 重写 隐藏index.php
  2. 日志处理两大生态Splunk和ELK深度对比
  3. 【Python学习】 - 关于DataFrame中的applymap函数 和 Series中的map函数
  4. Shell编程:shell script 的追踪与 debug
  5. oracle生成excle报表,oracle自动生成excel报表(时间为变量,条件含变量)
  6. oracle运维平台开发,Oracle数据库运维
  7. C程序设计 -- 随笔
  8. dnastar拼接反向互补序列_DNAstar使用说明
  9. EXCEL,锁定单元格后往下拉,但后面需要继续复制粘贴时又希望步锁定,该怎么办?小技巧,先把$ 替换为空后再粘贴
  10. 自然语言处理是什么,我们为什么需要处理自然语言?
  11. Cosy V3.1.3 简洁大气WordPress博客主题自适应个人自媒体网站模板(含积木部分插件)
  12. win10锁屏c语言,Win10秘笈:如何在锁屏打开任意应用程序?
  13. 【HelloKitty团队项目】Alpha阶段项目展示
  14. 13- 数据建模-建模方法三:实体建模
  15. 【前端面经】H5-语义化标签的理解
  16. 求1到50中7的倍数之和
  17. 品管七大手法-3散布图(转载)
  18. #HHD32F107# AD采集
  19. 用C#制作文本剧情游戏
  20. 使用JSONArray遇到的字符串转义问题

热门文章

  1. 领袖一般会采用什么方式?
  2. OSPF的区域划分与路由计算概述
  3. Google Guava简介
  4. 相片打印机原理_照片打印机 技术原理介绍_照片打印机_办公打印评测试用-中关村在线...
  5. CD4040二进制计数器实验电路的效果图演示_基础硬件电路图讲解
  6. [转]王飞跃:交通拥堵多因管理水平等所致
  7. XML 中大于等于小于等于的写法
  8. 前端基础-html-01
  9. 教你年入100万,互联网赚钱三板斧!
  10. 利用ip138取得公网IP,公网ip改变后报警通知我们进行更改