博客
关于我
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-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流
查看>>
nginx-vts + prometheus 监控nginx
查看>>
Nginx下配置codeigniter框架方法
查看>>
Nginx之二:nginx.conf简单配置(参数详解)
查看>>
Nginx代理websocket配置(解决websocket异常断开连接tcp连接不断问题)
查看>>
Nginx代理初探
查看>>
nginx代理地图服务--离线部署地图服务(地图数据篇.4)
查看>>
Nginx代理外网映射
查看>>
Nginx代理模式下 log-format 获取客户端真实IP
查看>>
Nginx代理解决跨域问题(导致图片只能预览不能下载)
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
nginx反向代理
查看>>
nginx反向代理、文件批量改名及统计ip访问量等精髓总结
查看>>
Nginx反向代理与正向代理配置
查看>>
Nginx反向代理及负载均衡实现过程部署
查看>>
Nginx反向代理是什么意思?如何配置Nginx反向代理?
查看>>
nginx反向代理解决跨域问题,使本地调试更方便
查看>>
Nginx反向代理配置
查看>>
Nginx启动SSL功能,并进行功能优化,你看这个就足够了
查看>>