zoukankan      html  css  js  c++  java
  • jquery切换

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <style>
        ul{
            list-style: none;
        }
        ul li{
            float: left;
            padding: 10px;
            border: 1px solid black;
            margin-right: 10px;
        }
        .active{
            background: green;
            color: white;
        }
    </style>
    <div class="delivery-tab">
        <ul>
            <li class="active">普通</li>
            <li>文件</li>
            <li>易碎</li>
            <li>数码</li>
            <li>美食</li>
            <li>鲜花</li>
            <li>蛋糕</li>
            <li>生鲜</li>
        </ul>
    </div>
    <script>
        $('.delivery-tab ul li').click(function () {
            $(this).addClass('active').siblings().removeClass('active');
            $(this).siblings().children('input').removeAttr('checked', true);
        });
    </script>
  • 相关阅读:
    KMP总结
    条件概率的计算
    EL和JSTL
    tomcat部署web项目
    web
    面试1
    面试可能会问的题
    简介
    建一个springboot项目
    刷题之牛客网
  • 原文地址:https://www.cnblogs.com/wqy415/p/6831616.html
Copyright © 2011-2022 走看看