jQuery fadeOut() 方法
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() 方法相关推荐
- jQuery 事件方法大全
Dom : Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:" ...
- fadeIn()与fadeOut()方法
show()和hide()方法与fadeIn()和fadeOut()方法相比较,相同之处是都是切换元素的显示状态,不同之处在于,前者的动画效果使用元素的width与height属性都发生了变化,而后者 ...
- JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果
JQuery 基本使用 原生JS获取的对象就是DOM对象 JQuery方法获取的元素是JQuery对象 (伪数组形式存储) 不能使用原生Js的属性和方法 DOM对象转换为 JQuery 对象 $ ...
- jQuery fade方法
在jQuery中,fade方法有着让元素淡入淡出的效果,在jQuery中有着四种fade方法: fadeIn() :用于淡入已隐藏的元素. fadeOut():用于淡出可见元素. fadeToggle ...
- jQuery 事件方法大全-超全的总结
元素事件列表说明: 注:不带參数的函数,其參数为可选的 fn.jQuery不支持form元素的reset事件. 事件 描写叙述 支持元素或对象 blur( ) 元素失去焦点 a, input, tex ...
- jQuery on()方法
jQuery on()方法是官方推荐的绑定事件的一个方法. $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法 ...
- JQuery Attributes 方法说明
转:http://blog.sina.com.cn/s/blog_5ea2cb7e0100c4cx.html JQuery Attributes 方法说明(2009-02-17 01:02:33) 标 ...
- Jquery getJSON方法分析(一)
准备工作 ·Customer类 public class Customer { public int Unid { get; set; } public string Customer ...
- jQuery 遍历方法
jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...
- jquery ajax html方法吗,jQuery ajax方法
jQuery AJAX 方法 jQuery load() 方法是简单强大的AJAX方法.从服务器加载数据,并将数据显示在被选中元素中. 语法: $(selector).load(URL,data,ca ...
最新文章
- nginx 重写 隐藏index.php
- 日志处理两大生态Splunk和ELK深度对比
- 【Python学习】 - 关于DataFrame中的applymap函数 和 Series中的map函数
- Shell编程:shell script 的追踪与 debug
- oracle生成excle报表,oracle自动生成excel报表(时间为变量,条件含变量)
- oracle运维平台开发,Oracle数据库运维
- C程序设计 -- 随笔
- dnastar拼接反向互补序列_DNAstar使用说明
- EXCEL,锁定单元格后往下拉,但后面需要继续复制粘贴时又希望步锁定,该怎么办?小技巧,先把$ 替换为空后再粘贴
- 自然语言处理是什么,我们为什么需要处理自然语言?
- Cosy V3.1.3 简洁大气WordPress博客主题自适应个人自媒体网站模板(含积木部分插件)
- win10锁屏c语言,Win10秘笈:如何在锁屏打开任意应用程序?
- 【HelloKitty团队项目】Alpha阶段项目展示
- 13- 数据建模-建模方法三:实体建模
- 【前端面经】H5-语义化标签的理解
- 求1到50中7的倍数之和
- 品管七大手法-3散布图(转载)
- #HHD32F107# AD采集
- 用C#制作文本剧情游戏
- 使用JSONArray遇到的字符串转义问题