jQuery 参考手册 - 效果
(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 参考手册 - 效果的更多相关文章
- jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
- jQuery 参考手册 - 遍历
jQuery 参考手册 - 遍历 jQuery Ajax jQuery 数据 jQuery 遍历函数 jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函数描述 .add()将元素添加到匹 ...
- jquery参考手册
开始使用 jQueryjQuery 本身只有一个 js 文件,所以,要使用它,就和使用其它的 js 文件一样,直接将它引入就可以使用了. <script type="text/java ...
- jQuery 参考手册 - 事件
事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件. bind()向匹配元素附加一个或更多事件处理器 $(selector).bind(event,function) $(select ...
- jQuery 参考手册 - 选择器
jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元 ...
- jQuery 参考手册 - 文档操作
上传图片时页面崩溃..全部付之东流 addClass() after() append() appendTo() attr() before() clone() detach() empty() ha ...
- 浏览器端-W3School:JS & DOM 参考手册
ylbtech-浏览器端-W3School:JS & DOM 参考手册 1.返回顶部 1. JavaScript 参考手册 本部分提供完整的 JavaScript 参考手册: JavaScri ...
- jQuery 1.10.3 参考手册
Jquery是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7 ...
- jQuery MiniUI 开发指南+API组件参考手册
jQuery MiniUI 开发指南 本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅. 1.Hello M ...
随机推荐
- MyEclipse 搭建webservice (axis1.4)
0 引言 以前都是做javaweb的 最近因工作需要 接触了webservice 关于什么事webservice,与web的区别,soap,跟http的区别,asix1和asix2的区别,为什么不用 ...
- jquery 实现复选框单选
$(function() { $(':checkbox[name=复选框name值]').each(function() { $(this).click(function() { if ($(t ...
- php获取文件mime类型Fileinfo等方法
前几天写到使用wordpress xmlrpc api远程发布文章,如果本地服务器的文章库里某一篇待发表的wordpress文章包含图片文件时,就会使用到WordPress上传文件的API metaW ...
- 上传文件格式控制的困惑(application/octet-stream 限制不了BAT等格式上传)问题解决
允许上传类型部分代码 $uptypes=array( //上传文件类型列表 'image/gif', 'image/jpg', 'image/jpeg', 'image/pjpeg', 'image ...
- 【bzoj】1026: [SCOI2009]windy数
1026: [SCOI2009]windy数 Description windy定义了一种windy数.不含前导零且相邻两个数字之差至少为2的正整数被称为windy数. windy想知道,在A和B之间 ...
- Nth Digit | leetcode
Find the nth digit of the infinite integer sequence 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, ... Note: n i ...
- 无法修改系统Host的解决办法
有些时候可能因为杀毒软件的问题,即使打开隐藏文件也是无法正常看到hosts的. 此时可以新建一个hosts文件去覆盖目录下的文件即可见 路径:C:\Windows\System32\drivers\e ...
- check、continue、exit的区别
DATA:BEGIN OF lt_table OCCURS 0, i_row TYPE i, i_col TYPE i, END OF lt_table. lt_t ...
- eclipse中配置c++开发环境 Eclipse + CDT + MinGW
转自eclipse中配置c++开发环境 Eclipse + CDT + MinGW 基本框架:Eclipse + CDT + MinGW 背景知识: CDT:CDT 是完全用 Java 实现的开放源码 ...
- java.lang.UnsupportedClassVersionError(java项目版本一致问题)
报此错误,一般都是由于在myeclipse中的java项目是用高版本(jdk1.6之后)的jdk进行编译后生成的class文件,却要运行在低版本的jdk虚拟机上,导致这个错误 解决办法: 在myecl ...