我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

裴虎伟-前端(26)_20221227

[复制链接]
faith学员认证 发表于 2023-1-5 22:19:58 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日所学内容
1、节点查找
父节点查找
子节点查找

2、事件
(1)事件绑定
点击
鼠标移入
鼠标移出

(2)链式编程
3、jQuery动画
(1)显示隐藏
show()显示
hide()隐藏

toggle()切换
可以传参
速度参数:speed(slow,normal,show,fast)
运动曲线参数:easing(swing,linear)
参数:回调函数
添加的是行内样式display:none

(2)滑动
slideDown()滑入
slideUp()滑出
slideToggle()切换
滑入、滑出就是消失的过程:从下往上消失,改变的是盒子的高度

(3)淡入淡出
fadeOut()淡出
fadeIn()淡入
fadeToggle()切换
过程:
就是透明度(opacity)的变化
消失:1~0
出现:0~1
结果:display:none;

(4)自定义动画
写法:jq对象.animate(params,speed,easing,fn)
params:是一个对象,需要执行动画的属性,不是所有的属性都可以实现动画效果
speed:动画时长,毫秒数
easing:动画类型:swing,linear
fn:回调函数,动画执行完毕,采取调用的函数

(5)停止动画
停止动画写法:jq对象.stop(参数1,参数2)
参数1:表示停止当前动画,是否结束后面的动画
参数2:停止当前动画,是否把当前动画效果直接拉满
参数都是布尔值,默认值都是false

当stop括号内写一个true时:停止当前动画,动画运行成什么界面就显示什么
当stop括号内写两个true时:停止当前动画,并将动画直接运行成最终效果


4、web存储
(1)分类
本地存储localStorage:永久有效,没有过期时间,除非手动删除
会话存储sessionStorage:临时数据,从浏览器打开到浏览器关闭,就是它的生命周期

(2)增删改查
本地存储localStorage和会话存储sessionStorage的增删改查方法一样
getItem()查询
setItem()修改,新增,传两个参数
removeItem()删除单个
clear()清空

(3)对象和数组的转字符串和转回来
转字符串JSON.stringify()
转回来JSON.parse()
回复

使用道具 举报

关注0

粉丝0

帖子93

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026