博客
关于我
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/

你可能感兴趣的文章
mysqldump的一些用法
查看>>
mysqli
查看>>
MySQLIntegrityConstraintViolationException异常处理
查看>>
mysqlreport分析工具详解
查看>>
MySQLSyntaxErrorException: Unknown error 1146和SQLSyntaxErrorException: Unknown error 1146
查看>>
Mysql_Postgresql中_geometry数据操作_st_astext_GeomFromEWKT函数_在java中转换geometry的16进制数据---PostgreSQL工作笔记007
查看>>
mysql_real_connect 参数注意
查看>>
mysql_secure_installation初始化数据库报Access denied
查看>>
MySQL_西安11月销售昨日未上架的产品_20161212
查看>>
Mysql——深入浅出InnoDB底层原理
查看>>
MySQL“被动”性能优化汇总
查看>>
MySQL、HBase 和 Elasticsearch:特点与区别详解
查看>>
MySQL、Redis高频面试题汇总
查看>>
MYSQL、SQL Server、Oracle数据库排序空值null问题及其解决办法
查看>>
mysql一个字段为空时使用另一个字段排序
查看>>
MySQL一个表A中多个字段关联了表B的ID,如何关联查询?
查看>>
MYSQL一直显示正在启动
查看>>
MySQL一站到底!华为首发MySQL进阶宝典,基础+优化+源码+架构+实战五飞
查看>>
MySQL万字总结!超详细!
查看>>
Mysql下载以及安装(新手入门,超详细)
查看>>