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刪除。

猜您在找 thymeleaf動態添加class樣式 html如何設置打印樣式？學習前端html 設置樣式 v-html里面添加樣式 JavaScript中設置元素class，添加/刪除元素class的方法 jquery 添加點擊添加class樣式移除兄弟元素樣式如何使用classnames模塊庫為react動態添加class類樣式微信小程序--動態添加class樣式 HTML5 中的meter 標簽的樣式設置 Wpf 動態添加控件設置樣式