博客
关于我
JQuery_动画与遍历_hehe.employment.over.21.1
阅读量:388 次
发布时间:2019-03-05

本文共 1056 字,大约阅读时间需要 3 分钟。

文章目录

21.1 JQuery_动画

21.1.1 默认显示和隐藏方式

  • show([speed,[easing],[fn]])
    • 参数:
      • speed动画的速度。三个预定义的值==(“slow”,“normal”, “fast”)表示动画时长的毫秒数值==(如:1000)。
      • easing:用来指定切换效果,默认是"swing",可用参数"linear"。
        • swing:动画执行时效果是 先慢,中间快,最后又慢
        • linear:动画执行时速度是匀速的。
      • fn:在动画完成时执行的函数,每个元素执行一次。
  • hide([speed,[easing],[fn]])
  • toggle([speed],[easing],[fn])

21.1.2 滑动显示和隐藏方式

  • slideDown([speed],[easing],[fn])
  • slideUp([speed,[easing],[fn]])
  • slideToggle([speed],[easing],[fn])

21.1.3 淡入淡出显示和隐藏方式

  • fadeIn([speed],[easing],[fn])
  • fadeOut([speed],[easing],[fn])
  • fadeToggle([speed,[easing],[fn]])

21.1.4 示例

    
Insert title here
div显示和隐藏

21.2 JQuery_遍历

21.2.1 js遍历

  • for(初始化值;循环结束条件;步长)

21.2.2 jquery遍历

  • 1.jq对象.each(callback)
    • 语法jquery对象.each(function(index,element){});
      • index:就是元素在集合中的索引
      • element:就是集合中的每一个元素对象
      • this:集合中的每一个元素对象
    • 回调函数返回值: *
      • true:如果当前function返回为false,则结束循环(break)。
      • false:如果当前function返回为true,则结束本次循环,继续下次循环(continue)。
  • 2.$.each(object, [callback])
  • 3.for..of : jquery 3.0 版本之后提供的方式
    • for(元素对象 of 容器对象)

21.2.3 示例

    
  • 北京
  • 上海
  • 天津
  • 重庆

转载地址:http://lugwz.baihongyu.com/

你可能感兴趣的文章
nginx http配置说明,逐渐完善。
查看>>
Nginx keepalived一主一从高可用,手把手带你一步一步配置!
查看>>
Nginx Location配置总结
查看>>
Nginx log文件写入失败?log文件权限设置问题
查看>>
Nginx Lua install
查看>>
nginx net::ERR_ABORTED 403 (Forbidden)
查看>>
vue中处理过内存泄露处理方法
查看>>
Nginx RTMP 模块使用指南
查看>>
Nginx SSL 性能调优
查看>>
nginx ssl域名配置
查看>>
Nginx SSL私有证书自签,且反代80端口
查看>>
Nginx upstream性能优化
查看>>
Nginx 中解决跨域问题
查看>>
nginx 代理解决跨域
查看>>
Nginx 做负载均衡的几种轮询策略分析
查看>>
Nginx 入门,一篇搞定!
查看>>
Nginx 利用代理转发请求示例
查看>>
Nginx 动静分离与负载均衡的实现
查看>>
Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解
查看>>
nginx 反向代理 转发请求时,有时好有时没反应,产生原因及解决
查看>>