(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. 浅谈.prop() 和 attr() 的区别

    今天编码时遇到一个问题,通过后台查询的数据设置前端checkbox的选中状态,设置选中状态为.attr('checked','true');没有问题,但是当数据重新加载时,checkbox应清空即所有 ...

  2. 初学JqueryMobile(一)

    一.初学2个data标签 标签名称 标签属性 属性说明 备注 data-role page 容器或试图 表示容器的作用 header 标题 content 内容 footer 页脚 data-tran ...

  3. 使用GetLogicalDriveStrings获取驱动器根路径

    使用GetLogicalDriveStrings获取驱动器根路径,并使用自定义的GetDriveInfo函数获取驱动器的属性. VS2012 + win7 x64下调试通过. #include < ...

  4. DM8168 编译filesystem步骤

    在板子跑起来之前,需要先编译好8168的文件系统.前提是已经设置好板子的类型等参数,详见<DM8168环境搭建> 1.进入<DVR_RDK_BASE>/dvr_rdk目录 ma ...

  5. ipad在非viewport 1:1下缩放问题

    1.最小会有980宽度,小于980应设置viewport 2.fix元素使用100%指定宽度时,默认会以min-width或980作为尺寸,可以选择给定与页面缩放时触发定宽来设置宽度,或设置设置bod ...

  6. hdu 4111 Alice and Bob

    组合游戏题: 组合游戏的规则: 1.必败态的所有后继都是必胜态: 2.必胜态最少有一个必败的后继: 这里的必胜态是f[1][0][0][0]; 其中f[a][b][c][d]表示有a个1,b个2,c个 ...

  7. hdu 4442

    一道超级easy的贪心 一眼看出了他的本质: 代码: #define mod 31536000 #include<cstdio> #include<algorithm> #in ...

  8. 在Eclipse中安装ADT

    启动 Eclipse,然后选择 Help > Software Updates….在出现的对话框中,单击 Available Software 选项卡. 单击 Add Site 在 Add Si ...

  9. ANDROID_MARS学习笔记_S04_003_用HttpClent发http请求

    一.代码 1.xml(1)activity_main.xml <TextView android:layout_width="wrap_content" android:la ...

  10. Eclipse中如何恢复已删除文件

    [转自] http://zhangjunhd.blog.51cto.com/113473/23092