服务热线 400-660-8066

石家庄网站建设
首页 站内资讯

石家庄网站建设

站内资讯
石家庄网站建设 / 站内资讯 / 产品资讯 / 正文

jQuery几个方法的概述及参数详解

来源: All文章
发布时间:2023-04-19 17:00:07

  1.slideDown([speed],[easing],[fn])

  概述:

  通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。

  这个动画效果只调整元素的高度,可以使匹配的元素以滑动的方式显示出来。在jQuery

  1.3中,上下的padding和margin也会有动画,效果更流畅。

  参数详解:

  speed:三种预定速度之一的字符串(slow,normal,orfast)或表示动画时长的毫秒数值(如:1000)

  easing:(Optional)用来指定切换效果,默认是swing,可用参数linear

  fn:在动画完成时执行的函数,每个元素执行一次。

  2.animate(params,[speed],[easing],[fn])

  概述:

  用于创建自定义动画的函数。

  这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height、top或opacity)。注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left.

  而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。如果使用的是hide、show或toggle这样的字符串值,则会为该属性调用默认的动画形式。

  在jQuery

  1.2中,你可以使用em和%单位。另外,在jQuery

  1.2中,你可以通过在属性值前面指定+=-=来让元素做相对运动。

  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:三种预定速度之一的字符串(slow,normal,orfast)或表示动画时长的毫秒数值(如:1000)

  easing:要使用的擦除效果的名称(需要插件支持).默认jQuery提供linear和swing.

  fn:在动画完成时执行的函数,每个元素执行一次

  options:动画的额外选项。如:speed-设置动画的速度,easing-规定要使用的easing函数,callback-规定动画完成之后要执行的函数,step-规定动画的每一步完成之后要执行的函数,queue-布尔值。指示是否在效果队列中放置动画。如果为false,则动画将立即开始,specialEasing-来自styles参数的一个或多个CSS属性的映射,以及它们的对应easing函数

  3.click([[data],fn])

  概述:

  触发每一个匹配元素的click事件。

  这个函数会调用执行绑定到click事件的所有函数。

  参数详解:

  data:click([Data],fn)可传入data供函数fn处理。

  fn:在每一个匹配元素的click事件中绑定的处理函数。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr