张婷_20210120张婷

知识点总结:

一: jQuery动画

1.1.1 默认效果
  1. show([speed],[easing],[fn]) 显示
  2. hide([speed],[easing],[fn]) 隐藏
  3. toggle([speed],[easing],[fn]) 切换

jQuery效果实现相关学习网站

https://animate.style/
http://kristofferandreasen.github.io/wickedCSS/
https://www.swiper.com.cn/

动画效果

show():显示
hide()隐藏
$().toggle():显示和隐藏效果切换
都可以传入参数,speed.

fadeOut(淡出)
fadeIn(淡入)
fadeToggle();淡入淡出切换
fadeTo(2000,0.3)将图片显示到透明度为30%的程度

1.1.2 滑动效果
  1. slideDown 向下滑入显示
  2. slideUp 向上滑入隐藏

滑动显示

slideDown():
slideUp():
slideToggle():
都可以传入一个speed参数。

\((':animated');获取正在执行动画的元素。
将正在执行动画的元素停止:
\)(':animated').stop():停止当前的动画。
stop(true)表示清除队列中的所有的动画,即动画立即停止,如果不传递参数,只是立刻停止当前的动画。
$(':animated').stop(false,true)第二个参数为true表示停止当前正在执行的动画,并且将元素设置为当前动画执行结束处的位置。

1.1.3 淡入淡出效果
  1. fadeIn() 淡入
  2. fadeOut() 淡出

1.2 遍历

jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。

下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。

遍历 DOM

jQuery 提供了多种遍历 DOM 的方法。
遍历方法中最大的种类是树遍历(tree-traversal)。

1.3 事件

事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。

学习心得:感觉做项目的时候才感到自己知识有多薄弱。想法很好实现不了就对自己很无语。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1