首页 > Web开发 > 详细

jQuery基本用法(2)

时间:2019-07-20 10:35:23      阅读:98      评论:0      收藏:0      [点我收藏+]
jQuery(2)
height([val]):取得匹配元素当前计算的高度值(px)。
width([val]):取得第一个匹配元素当前计算的宽度值(px)。
innerHeight():获取第一个匹配元素内部区域高度(包括补白、不包括边框)。此方法对可见和隐藏元素均有效。
innerWidth():获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。此方法对可见和隐藏元素均有效。
outerHeight():获取第一个匹配元素外部高度(默认包括补白和边框)。此方法对可见和隐藏元素均有效。
outerWidth():获取第一个匹配元素外部宽度(默认包括补白和边框)。此方法对可见和隐藏元素均有效。
 
offset([coordinates]):获取匹配元素在当前视口的相对偏移。返回的对象包含两个整型属性:top 和 left,以像素计。方法只对可见元素有效。
position():获取匹配元素相对父元素的偏移。返回的对象包含两个整型属性:top 和 left。此方法只对可见元素有效。
 
jQ动画
show([speed, [easing], [callback]]):显示隐藏的匹配元素。
hide([speed, [easing], [callback]]):隐藏显示的元素。
toggle([speed, [easing], [callback]]):如果元素是可见的,切换为隐藏的,如果元素是隐藏的,切换为可见的。
speed:三种预定速度的字符串(slow、normal、fast)或者动画时长的毫秒数值。
easing:指定切换效果,默认是swing,可用linear。
callback:在动画完成时执行的函数,每个元素执行一次。
运动过程中:改变width、height、margin、padding、opacity属性值。
 
slideDown([speed, [easing], [callback]]):通过高度变化(向下增大)来动态的显示所有匹配的元素,显示完成后可选的触发一个回调函数。
slideUp([speed, [easing], [callback]]):通过高度变化(向上减小)来动态的隐藏所有匹配的元素,隐藏完成后可选的触发一个回调函数。
slideToggle([speed, [easing], [callback]]):通过高度变化来切换所有匹配元素的可见性,切换完成后可选的触发一个回调函数。
speed:三种预定速度的字符串(slow、normal、fast)或者动画时长的毫秒数值。
easing:指定切换效果,默认是swing,可用linear。
callback:在动画完成时执行的函数,每个元素执行一次。
运动过程中:改变height、margin-top、margin-bottom、padding-top、padding-bottom属性值。
 
fadeIn([speed, [easing], [callback]]):通过不透明度的变化来实现所有匹配元素的淡入效果,动画完成后可选的触发一个回调函数。
fadeOut([speed, [easing], [callback]]):通过不透明度的变化来实现所有匹配元素的淡出效果,动画完成后可选的触发一个回调函数。
fadeTo([speed, opacity, [easing], [callback]]):把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,动画完成后可选的触发一个回调函数。opacity:一个0到1之间表示透明度的数字。
fadeToggle([speed, [easing], [callback]]):通过不透明度的变化来开关所有匹配元素的淡入淡出效果,动画完成后可选的触发一个回调函数。
speed:三种预定速度的字符串(slow、normal、fast)或者动画时长的毫秒数值。
easing:指定切换效果,默认是swing,可用linear。
callback:在动画完成时执行的函数,每个元素执行一次。
注:fadeIn、fadeout、fadeToggle,运动过程中修改opacity属性值,最终只修改display属性值。而fadeTo只修改opacity属性值。
 
animate(params, [speed], [easing], [fn]):用于创建自定义动画的函数。
params:一组包含作为动画属性和终值的样式属性和及其值的集合。
speed:三种预定速度的字符串(slow、normal、fast)或者动画时长的毫秒数值。
easing:指定切换效果,默认是swing,可用linear。
fn:在动画完成时执行的函数,每个元素执行一次。
 
stop(clearQueue, [jumpToEnd]):停止所有在指定元素上正在运行的动画。
如果clearQueue没有设置为true,并且队列中有等待执行的动画,他们将马上执行。
clearQueue:如果同一元素调用多个动画方法,尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始,直到第一个完成。调用stop()的时候,队列中的下一个动画开始。如果clearQueue参数为true,那么在队列中的动画其余被删除并永远不会被执行。
jumpToEnd:当前动画将停止,但该元素上的CSS属性会被立刻修改成动画的目标值。
 
delay(duration):设置一个延时来推迟执行队列中之后的项目。
duration:延迟时间,单位:毫秒。
 

jQuery基本用法(2)

原文:https://www.cnblogs.com/whl0919/p/11216742.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!