jq动画
方法 | 作用 | 参数 |
---|
show() | 将隐藏元素显示 | speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数)。这些参数都不是必选的 |
hide() | 隐藏元素 | speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数)。这些参数都不是必选的。 |
– | – | – |
slideDown() | 将隐藏的匹配元素显示出来,默认形式为从上至下高度逐渐增大直到完全显示 | speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数) |
slideUp() | 将显示的元素隐藏起来,默认形式为从下至上高度逐渐缩小 直到完全隐藏为止 | speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数) |
slideToggle() | 既可以让元素显示也可以让元素隐藏。动画方式与上面两种相同。 | speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数) |
– | – | – |
fadeIn() | 让隐藏元素以淡入形式显示到页面。 | speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数) |
fadeOut() | 让显示元素以淡出形式隐藏在页面内。 | speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数) |
fadeToggle() | 切换上面两种方式。 | speed(动画时长)、easing(切换效果,默认为swing。linear)、fn(动画完成时执行的函数) |
fadeTo() | 淡出到指定透明度。 | speed、opacity(0-1之间表示透明度的数字)、easing、fn |
– | – | – |
animate(params,[speed],[easing],[fn]) | 创建自定义动画 | 后三个参数与上面意思一致。params表示一组包含作为动画属性和终值的样式属性的集值和,是必填项,决定了动画的内容 |
stop([clearQueue],[jumpToEnd]) | 默认以在动画进行过程中停止动画,停止后的状态是运行中途的状态 | clearQueue设置为true,则清空队列,可以立即结束动画。jumpToEnd:如果设置成true,可以立即完成动画。 |
delay(duration,[queueName]) | 设置一个延迟推迟执行队列中之后的项目 | duration:延迟时间;queueName:队列名词,默认是Fx,动画队列 |
finish(【queue】) | 停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。 停止后的状态是元素动画最终的状态,而不是中间状态。 | queue为停止动画队列中的名称。 |
利用jq操作ajax
$.ajax({
method:"get",
url:"",
data:{},
dataType:"jsonp",
jsonpCallback:"getData",
beforeSend:function (){
},
success:function (res){
},
error:function (err){
},
complete:function (){
},
timeout:2000,
async:true
});