class样式的添加和设置.html

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

        <style type="text/css">

            .redbg{

                background: red;

            }

            .active{

                color: beige;

            }

        </style>

    </head>

    <body>

        <h1>helloworld</h1>

        <button>黑白切换</button>

        <script type="text/javascript">

            $('h1').addClass('redbg')

//            添加样式

            $('h1').addClass('active')

//        删除样式

            $('h1').removeClass('active')

            var isblack=true

            $('button').click(function(){

//                if(isblack){

//                    $('h1').addClass('active')

//                    isblack=false

//                }else{

//                    $('h1').removeClass('active')

//                    isblack=true

//                }

    //切换样式

                $('h1').toggleClass('active')

            })

.css({

                background:'red',

                color:'skyblue'

            }).html('这是一个按钮')

//            $('button').css('background','red')

//            $('button').html('这是个可以切换的按钮')

        </script>

    </body>

</html>
巴特西

class样式的添加和设置.html

最新文章

热门文章
