我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

王文博--20221227-jq-day02

[复制链接]
博5237 发表于 2023-1-5 18:26:23 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日学习内容
节点查找
子找父
        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()---字符串转为对象
二、今日问题


回复

使用道具 举报

关注0

粉丝0

帖子83

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

客服电话:18009298968

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

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

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