class样式的添加和设置.html

本文转载自查看原文 2019-03-18 21:17 919 jquery学习案例方法

<!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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue class添加样式 Vue 设置class样式 thymeleaf动态添加class样式 DOM添加标签和添加Class样式 html如何设置打印样式？ vue中动态添加样式 :style 和 :class antd ~~~ a-table 整行添加class样式 @Html.ActionLink 添加样式 html标签 vue2.0 :style :class样式设置 CSS中关于多个class样式设置的不同写法