(speed可选:规定动画的速度。默认是 "normal",可能的值:毫秒(比如 1500)"slow""normal""fast")

callback可选 :当前函数执行完之后,要执行的函数

animate()对被选元素应用“自定义”的动画

$(selector).animate(styles,speed,callback)

$(".btn1").click(function(){
$("#box").animate({height:"300px"});
});

clearQueue()对被选元素移除所有排队的函数(仍未运行的)

$(selector).clearQueue(queueName)

$("#stop").click(function(){
$("#box").clearQueue();
});//与 stop() 方法不同,(只适用于动画),clearQueue() 能够清除任何排队的函数

delay()对被选元素的所有排队函数(仍未运行)设置延迟

dequeue()运行被选元素的下一个排队函数

fadeIn()逐渐改变被选元素的不透明度,从隐藏到可见

$(selector).fadeIn(speed,callback)

$(".btn2").click(function(){
$("p").fadeIn();//fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。
});

fadeOut()逐渐改变被选元素的不透明度,从可见到隐藏

$(selector).fadeOut(speed,callback)

$(".btn1").click(function(){
$("p").fadeOut();//fadeOut() 方法使用淡出效果来隐藏被选元素,假如该元素正常显示的
});

fadeTo()把被选元素逐渐改变至给定的不透明度

$(selector).fadeTo(speed,opacity,callback)//opacity    必需。规定要淡入或淡出的透明度。必须是介于 0.00 与 1.00 之间的数字

$(".btn1").click(function(){
$("p").fadeTo(1000,0.4);
});

hide()隐藏被选的元素

$(selector).hide(speed,callback)

queue()显示被选元素的排队函数

show()显示被选的元素

$(selector).show(speed,callback)

slideDown()通过调整高度来滑动显示被选元素

$(selector).slideDown(speed,callback)

$(".btn2").click(function(){
$("p").slideDown();
});//效果相当于$("p").show("normal")

slideToggle()对被选元素进行滑动隐藏和滑动显示的切换

$(selector).slideUp(speed,callback)

$(".btn1").click(function(){
$("p").slideToggle();
});//如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素

slideUp()通过调整高度来滑动隐藏被选元素 与slideDown()对应

stop()停止在被选元素上运行动画

$(selector).stop(stopAll,goToEnd)//stopAll可选。规定是否停止被选元素的所有加入队列的动画

goToEnd
可选。规定是否允许完成当前的动画。
该参数只能在设置了 stopAll 参数时使用。(两个参数都为布尔值)

toggle()对被选元素进行隐藏和显示的切换

$(selector).toggle(speed,callback,switch)
switch可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素 如果设置此参数,则无法使用 speed 和 callback 参数

jQuery 参考手册 - 效果的更多相关文章

  1. jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器

    jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...

  2. jQuery 参考手册 - 遍历

    jQuery 参考手册 - 遍历 jQuery Ajax jQuery 数据 jQuery 遍历函数 jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函数描述 .add()将元素添加到匹 ...

  3. jquery参考手册

    开始使用 jQueryjQuery 本身只有一个 js 文件,所以,要使用它,就和使用其它的 js 文件一样,直接将它引入就可以使用了. <script type="text/java ...

  4. jQuery 参考手册 - 事件

    事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件. bind()向匹配元素附加一个或更多事件处理器 $(selector).bind(event,function) $(select ...

  5. jQuery 参考手册 - 选择器

    jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元 ...

  6. jQuery 参考手册 - 文档操作

    上传图片时页面崩溃..全部付之东流 addClass() after() append() appendTo() attr() before() clone() detach() empty() ha ...

  7. 浏览器端-W3School:JS & DOM 参考手册

    ylbtech-浏览器端-W3School:JS & DOM 参考手册 1.返回顶部 1. JavaScript 参考手册 本部分提供完整的 JavaScript 参考手册: JavaScri ...

  8. jQuery 1.10.3 参考手册

    Jquery是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7 ...

  9. jQuery MiniUI 开发指南+API组件参考手册

    jQuery MiniUI 开发指南 本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅.                 1.Hello M ...

随机推荐

  1. (转)Libevent(3)— 基础库

    转自:http://name5566.com/4202.html 参考文献列表:http://www.wangafu.net/~nickm/libevent-book/ 此文编写的时候,使用到的 Li ...

  2. Ubuntu 之旅—— 调整扩展屏分辨率

    打开终端输入 xrandr 得到如下信息 Screen 0: minimum 320 x 200, current 2390 x 768, maximum 8192 x 8192 LVDS conne ...

  3. jsp 嵌套iframe 从iframe中表单提交并传值到外层

    今天因需求迭代 更改元来代码 遇到了这么个问题 就是想在 iframe中提交后进行整个页面的跳转 并把iframe中的值传到外层jsp 大概就是这个样子 外层 a.jsp <div id=&qu ...

  4. [DevExpress][TreeList]节点互斥

    关键代码: /// <summary> /// 节点互斥同步 /// 说明 /// eg: ///TreeListNode _node = e.Node; ///_node.SyncMut ...

  5. Razor与ASPX语法比较

  6. Eyeshot Ultimate 学习笔记(2)

    导入模型 一般情况下,我们自己搭建模型的功力还不够,大多都是在3Dmax中做好模型,导出成模型文件,然后再导入Eyeshot视图中.导入的代码包括: OpenFileDialog openFileDi ...

  7. php 相对路径中 及 绝对路径中 的一些问题

    写本篇文章,是为了以后学习中遇到问题好解决 php的相对路径是以当前工作目录为基准的,并不是以当前处理的文件目录为基准,这样导致我们在开发过程中总会遇到一些问题. 但是如果我们使用绝对路径,就会导致后 ...

  8. php中文编码

    header("Content-type: text/html; charset=utf-8"); header('Location: http://www.example.com ...

  9. 用Python和Django实现多用户博客系统——UUBlog

    又过了一周,把代码整个的优化和完善了一下,也把TBlog更名为UUBlog.这次基本是把上次的整个更新了一下具体的功能大家可以下载后自己看看说一下主要的变化增加了频道表.博客表. 功能方面主要有增加频 ...

  10. POJ 2406 Power Strings 1961的简化版,kmp的next数组的应用

    题目: http://poj.org/problem?id=2406 跟1961差不多,题解就不写了,一开始理解错题了,导致WA一次. #include <stdio.h> #includ ...