埃隆马斯克-科技资讯-JinNianX

点击以下链接进入:
https://www.elonmusk.cn/

jQuery_02day | 瑾年-JinNianX-瑾年的学习记录

jQuery_02day


学习目标

632

获取位置

633

1-调用它们后,返回的是一个对象,里面存储了位置的值。

2-如果页面元素都没有定位,则position会找到最顶层元素位置,以它为参照物,即html

634

滚动距离

这些个的意思和dom是完全一样的,但是写法不同。

635

显示和隐藏动画

636

这三个方法的原理是内置了设置了元素的display属性。

设置持续时间,就是动画的时间,以毫秒计算,在动画过程中,是通过行内不断改变元素大小和透明度等实现。

637

淡出和淡入动画

用法和动画的显示隐藏大致一样,只是动画效果不一样。

淡入和淡出不出时间,也会自带动画时间。

638

展开和收起动画

639

slide滑动的,逐渐的

注意down是展开,up是收起

三个动画分别是隐藏显示,淡入淡出,展开收起,它们的原理基本相同,只是动画效果不同。

再者就是动画返回的都是原对象,所以可以使用链式编程。

动画队列及停止方法。

问题:如网页下滑出现返回顶部的控件,当我们上下反复快速滑动,那么这个返回顶部控件的动画会有显示和不显示来回切换(我不滑动了,动画还在来回执行)和需求效果不符合,非常不美观,所以我们需要停止它,就用到了停止方法。

640

stop会停止当前动画运行,然后继续执行后续动画

stop(true)会停止在当前动画执行到的样子,不执行后续动画

stop(true,true)会直接把动画跳到停止在当前动画的结束状态的样子,不执行后续动画。

自定义动画

641

自定义动画使用animation方法,因为自定义传入的键值对较多,所以用对象的形式传入。

插入节点

642

回调函数

643

注意回调函数,总是写在最后面。

644

我们可以通过回调函数来知道此动画有没有被执行完毕,因为动画执行完毕后才会调用设置的回调函数。

$(this)可以把this的dom对象转换为jquery对象。

延迟动画

通俗讲就是等多少毫秒,这个动画再执行。

$(‘选择器’).delay(延迟时间).动画方法()

与动画的区别就算前面加了个delay()方法

645

获取尺寸

646

事件参数

事件参数和dom中的意义也完全一样,如判断键盘按下事件,是哪个键盘按的,就可以加一个事件参数e,对象e中会记录一个属性,让你知道这一次按的是哪个键。

647

删除节点

648

注意这个remove()方法中jquery中才有,别在原生dom中也去乱用。

649

事件委托

650

事件委托的原理是利用了事件冒泡

651

如图,事件委托可以直接给父级添加事件,让子元素不需要再进行事件绑定,优化了代码。


文章作者: 瑾年
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 周东奇 !
免责声明: 本站所发布的一切内容,包括但不限于IT技术资源,网络攻防教程及相应程序等文章仅限用于学习和研究目的:不得将上述内容用于商业或者非法用途,否则一切后果请用户自负。本站部分信息与工具来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如有侵权请邮件(jinnian770@gmail.com)与我们联系处理。
  目录