jquery 思维导图(5张高清晰可打印)

author: 脑图123 阅读:13 点赞:0

5张jquery 思维导图合集,内容涵盖隐藏匹配元素、显示匹配元素、切换元素的可见状态、淡入淡出的动画效果、滑动效果等7个方面,每张思维导图都非常漂亮,每张图片均高清晰可打印。

第1张,jquery 思维导图值得收藏

jquery 思维导图-1

在线编辑预览

第2张,jquery 思维导图附打印高清版

jquery 思维导图-2

在线编辑预览

第3张,jquery 思维导图附下载

jquery 思维导图-3

在线编辑预览

第4张,jquery 思维导图附下载

jquery 思维导图-4

在线编辑预览

思维导图知识点说明:

  1. 隐藏匹配元素:hide()方法相当于元素css样式属性display的值设置为none,它会记住原来的display的值。hide()fa方法有两种语法格式:
  2. 显示匹配元素:show()方法可以显示匹配的元素。show()方法相当于css样式属性display的值设置block或inline或除了none以外的值。它会恢复应用display:none之前的可见属性。两种方式:
  3. 切换元素的可见状态:toggle()方法可以实现切换元素的可见状态,也就是如果元素是可见的,切换为隐藏;如果元素是隐藏的,切换为可见。语法格式:toggle()
  4. 淡入淡出的动画效果: fadeln(speed,[callback])通过增大不透明度实现匹配元素淡入的效果。
  5. 滑动效果:
  6. 滑动显示匹配的元素:sideDown()方法(用于滑动显示匹配的元素)
  7. 滑动隐藏匹配的元素:sildeUp方法(用于滑动隐藏匹配的元素)
  8. 通过高度的变化动态切换元素的可见性:sideToggle()方法(通过高度的变化动态切换元素的可见性)来实现滑动效果。
  9. 自定义的动画效果: 使用animate()方法创建自定义动画
  10. 浮动主题:

下载地址1 下载地址2 下载地址3

Tags: 打印 导图 思维

  • Comments (0