菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 王文博--20221227-jq-day02 [打印本页]

作者: 博5237 时间: 2023-1-5 18:26
标题: 王文博--20221227-jq-day02
一、今日学习内容
节点查找
子找父
parent()：只能查找到自己的上一级（父级）
parents(选择器):得到的是一个集合
父找子
contents():包含所有的内容，包含空文本，子元素
事件
事件绑定
第一种
jq对象.事件类型(function() {
      js代码
   })
第二种
jq对象.on(事件类型， function() {
      js代码
   })
链式编程
jq对象.事件类型(function() {
      js代码
   }).事件类型(function() {
      js代码
   })
动画
显示与隐藏
显示：show()
隐藏：hide()
切换：toggle()
滑动式动画
滑入：slideDown()
滑出：slideUp()
切换：slideToggle()
过程：高度的变化
消失的过程：从上往下消失，改变的是盒子的高度，显示与之相反
淡入淡出
淡出：fadeIn()
淡入：fadeOut()
切换：fadeToggle()
过程：透明度，opacity
消失：1-0
显示：0-1
添加的是行内样式----结果：display:none;
自定义动画
jq对象.animate(params,speed,easing,fn)
params:是一个对象，需要执行动画的属性，不是所有的属性都可以实现动画效果
   speed：动画时长，毫秒数
   easing：动画类型：swing，linear
fn:回调函数，等动画完毕后，才去调用的函数
停止动画
停止动画：jq对象.stop(参数1，参数2)
     参数1：表示停止当前动画，是否结束后面的动画
     参数2：停止当前动画，是否把当前动画效果直接拉满
     参数都是布尔值，默认都是false
web存储
本地存储localStorage---永久有效，没有过期时间，除非手动删除
会话存储sessionStorage---临时数据，从浏览器打开到浏览器关闭，就是它的生命周期
增删改查
getItem('属性')---查找
setItem('属性','属性值')---修改/新增
clear()---清空
removeItem()---删除单个
存储/查询对象
JSON.stringify()---对象转为字符串
JSON.parse()---字符串转为对象
二、今日问题

无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)