快速查询核心jQuery([selector,[context]])jQuery(html,[ownerDocument])jQuery(callback)jQuery.holdReady(hold)jQuery.readyException( error )each(callback)size()lengthselectorcontextget([index])index([selector|element])data([key],[value])removeData([name|list])jQuery.data(element,[key],[value])queue(element,[queueName])dequeue([queueName])clearQueue([queueName])jQuery.fn.extend(object)jQuery.extend(object)jQuery.noConflict([extreme])选择器#idelement.class*selector1,selector2,selectorNancestor descendantparent > childprev + nextprev ~ siblings:first:not(selector):even:odd:eq(index):gt(index):lang(language):last():lt(index):header:animated:focus:root:target:contains(text):empty:has(selector):parent:hidden:visible[attribute][attribute=value][attribute!=value][attribute^=value][attribute*=value][selector1][selector2][selectorN]:first-child:first-of-type:last-child:last-of-type:nth-child:nth-last-child(n|even|odd|formula):nth-last-of-type(n|even|odd|formula):nth-of-type(n|even|odd|formula):only-child:only-of-type:input:text:password:radio:checkbox:submit:image:reset:button:file:enabled:disabled:checked:selected$.escapeSelector(selector)AJAx$.ajax(url,[settings])$.get(url,[data],[fn],[type]) $.getJSON(url,[data],[fn])$.getScript(url,[callback])$.post(url,[data],[fn],[type])ajaxComplete(callback) ajaxError(callback)ajaxSend(callback)ajaxStart(callback)ajaxStop(callback)ajaxSuccess(callback)$.ajaxPrefilter([type],fn)$.ajaxSetup([options])load(url, [data], [callback])serialize()serializeArray()属性attr(name|properties|key,value|fn)removeAttr(name)prop(n|p|k,v|f)removeProp(name)addClass(class|fn)removeClass([class|fn])toggleClass(class|fn[,sw])html([val|fn])text([val|fn])val([val|fn|arr])CSScss(name|pro|[,val|fn])jQuery.cssHooksoffset([coordinates])position()scrollTop([val])scrollLeft([val])height([val|fn])width([val|fn])innerHeight()innerWidth()outerHeight([options])outerWidth([options])文档处理append(content|fn)appendTo(content)prepend(content|fn)prependTo(content)after(content|fn)before(content|fn)insertAfter(content)insertBefore(content)wrap(html|ele|fn)unwrap()wrapall(html|ele)wrapInner(html|ele|fn)replaceWith(content|fn)replaceAll(selector)empty()remove([expr]) detach([expr])clone([Even[,deepEven]])筛选eq(index|-index) first()last()hasClass(class)filter(expr|obj|ele|fn)is(expr|obj|ele|fn)map(callback)has(expr|ele) not(expr|ele|fn)slice(start,[end])children([expr]) closest(e|o|e)find(e|o|e)next([expr]) nextAll([expr])nextUntil([e|e][,f])offsetParent()parent([expr])parents([expr]) parentsUntil([e|e][,f])prev([expr])prevall([expr])prevUntil([e|e][,f])siblings([expr])add(e|e|h|o[,c])andSelf()addBack()contents()end()事件ready(fn)on(eve,[sel],[data],fn)off(eve,[sel],[fn])bind(type,[data],fn)one(type,[data],fn)trigger(type,[data])triggerHandler(type, [data])unbind(t,[d|f])live(type,[data],fn)die(type,[fn])delegate(s,[t],[d],fn)undelegate([s,[t],fn])hover([over,]out)toggle([s],[e],[fn])blur([[data],fn])change([[data],fn])click([[data],fn])dblclick([[data],fn])error([[data],fn])focus([[data],fn])focusin([data],fn)focusout([data],fn)keydown([[data],fn])keypress([[data],fn])keyup([[data],fn])mousedown([[data],fn])mouseenter([[data],fn])mouseleave([[data],fn])mousemove([[data],fn])mouseout([[data],fn])mouseover([[data],fn])mouseup([[data],fn])resize([[data],fn])scroll([[data],fn])select([[data],fn])submit([[data],fn])unload([[data],fn])效果 show([s,[e],[fn]])hide([s,[e],[fn]])toggle([s],[e],[fn])slideDown([s],[e],[fn])slideUp([s,[e],[fn]])slideToggle([s],[e],[fn])fadeIn([s],[e],[fn])fadeOut([s],[e],[fn])fadeTo([[s],o,[e],[fn]])fadeToggle([s,[e],[fn]])animate(p,[s],[e],[fn])stop([c],[j])delay(d,[q])finish([queue])jQuery.fx.offjQuery.fx.interval工具$.support$.browser$.browser.version$.boxModel$.each(object,[callback])$.extend([d],tgt,obj1,[objN])$.grep(array,fn,[invert])$.sub()$.when(deferreds)$.makearray(obj)$.map(arr|obj,callback)$.inArray(val,arr,[from])$.toArray()$.merge(first,second)$.unique(array)$.uniqueSort(array)$.parseJSON(json)$.parseXML(data)$.noop$.proxy(function,context)$.contains(c,c)$.type(obj)$.isArray(obj)$.isFunction(obj)$.isEmptyObject(obj)$.isPlainObject(obj)$.isWindow(obj)$.isNumeric(value)$.trim(str)$.param(obj,[traditional])$.error(message)$.fn.jquery事件对象eve.currentTargeteve.data eve.delegateTargeteve.isDefaultPrevented()eve.isImmediatePropag...() eve.isPropagationStopped()eve.namespaceeve.pageXeve.pageYeve.preventDefault()eve.relatedTargeteve.resulteve.stopImmediatePro...()eve.stopPropagation()eve.targeteve.timeStampeve.typeeve.which延迟对象def.done(d,[d])def.fail(failCallbacks)def.isRejected()def.isResolved()def.reject(args)def.rejectWith(c,[a])def.resolve(args)def.resolveWith(c,[a])def.then(d[,f][,p])def.promise([ty],[ta])def.pipe([d],[f],[p])def.always(al,[al])def.notify(args)def.notifyWith(c,[a])def.progress(proCal)def.state()回调函数cal.add(callbacks)cal.disable()cal.empty()cal.fire(arguments)cal.fired()cal.fireWith([c] [,a])cal.has(callback)cal.lock()cal.locked()cal.remove(callbacks)$.callbacks(flags)正则表达式
©
本文档使用
php.cn手册 发布
文字
返回值:jQuery
animate(params,[speed],[easing],[fn])
概述
用于创建自定义动画的函数。
这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left.
而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的动画形式。
在 jQuery 1.2 中，你可以使用 em 和 % 单位。另外，在 jQuery 1.2 中，你可以通过在属性值前面指定 "<em>+=</em>" 或 "<em>-=</em>" 来让元素做相对运动。
jQuery 1.3中，如果duration设为0则直接完成动画。而在以前版本中则会执行默认动画。
jQuery 1.8中，当你使用CSS属性在css()或animate()中，我们将根据浏览器自动加上前缀(在适当的时候)，比如("user-select", "none"); 在Chrome/Safari浏览器中我们将设置为"-webkit-user-select", Firefox会使用"-moz-user-select", IE10将使用"-ms-user-select".
参数
params,[speed],[easing],[fn]Options,Number/String,String,FunctionV1.0
params:一组包含作为动画属性和终值的样式属性和及其值的集合
speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)
easing:要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".
fn:在动画完成时执行的函数，每个元素执行一次。
params,optionsString,StringV1.0
params::一组包含作为动画属性和终值的样式属性和及其值的集合
options:动画的额外选项。如：speed - 设置动画的速度,easing - 规定要使用的 easing 函数,callback - 规定动画完成之后要执行的函数,step - 规定动画的每一步完成之后要执行的函数,queue - 布尔值。指示是否在效果队列中放置动画。如果为 false，则动画将立即开始,specialEasing - 来自 styles 参数的一个或多个 CSS 属性的映射，以及它们的对应 easing 函数
示例
描述:
点击按钮后div元素的几个不同属性一同变化
HTML 代码:
<button id="go"> Run</button> <div id="block">Hello!</div>
jQuery 代码:
// 在一个动画中同时应用三种类型的效果
$("#go").click(function(){
$("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10
}, 1000 );
});描述:
让指定元素左右移动
HTML 代码:
<button id="left">«</button> <button id="right">»</button> <div class="block"></div>
jQuery 代码:
$("#right").click(function(){
$(".block").animate({left: '+50px'}, "slow");
});
$("#left").click(function(){
$(".block").animate({left: '-50px'}, "slow");
});描述:
在600毫秒内切换段落的高度和透明度
jQuery 代码:
$("p").animate({
height: 'toggle', opacity: 'toggle'
}, "slow");描述:
用500毫秒将段落移到left为50的地方并且完全清晰显示出来（透明度为1）
jQuery 代码:
$("p").animate({
left: 50, opacity: 'show'
}, 500);描述:
一个使用“easein”函数提供不同动画样式的例子。只有使用了插件来提供这个“easein”函数，这个参数才起作用。
jQuery 代码:
$("p").animate({
opacity: 'show'
}, "slow", "easein");