jquery(简单的点击显示和隐藏;显示和隐藏来回切换)如侵权就删

开始还是要有HTML样式

<button id="isshow">开启</button>

        <button id="ishide">关闭</button>

        <button id="isToggle">循环、开启和关闭</button>

        <div class="box">六道轮回拳</div>

接下来是css样式效果

.box{
                width: 100px;
                height: 200px;
                background-color: aqua;
            }

重头戏来了

js文件功能样式:

$("#isshow").on("click", function() {
                // ;id选择器;从要要改的class命名
                $(".box").show(500);//过渡动画要做括号内写如200毫秒AA
            })

            $("#ishide").on("click", function() {
                $(".box").hide(500);
            })

            $("#isToggle").on("click", function() {
                $(".box").toggle(500);
            })
            console.log(window);

开启和关闭状态

谢谢大家的观看;老手勿喷;新手练习

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值