2019-04-30关于Class的使用

作者: 果冻_4c9b | 来源:发表于2019-04-30 16:41 被阅读0次

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function() {
                // $('#box').attr('class','class_one');
                $('#box').addClass('class_one');
                // 添加类
                $('#box').addClass('class_two');
                // 移除类
                // $('#box').removeClass('class_two');
                var off = true;
                $('#box').click(function() {
                    // 切换类
                    $('#box').toggleClass('class_two');
                })
            })
        </script>
        <style type="text/css">
            .class_one {
                width: 100px;
                height: 100px;
                border: 1px solid black;
            }                   
            .class_two {
                background: red;
            }
        </style>
    </head>
    <body>
        <div id="box">
        </div>
    </body>
</html>