一、今日所学内容
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()
|