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>

 

posted @ 2019-03-18 21:17  就这样子吧  阅读(3165)  评论(0)    收藏  举报