class样式的添加和设置.html

最新推荐文章于 2024-04-08 08:36:37 发布

weixin_33688840

最新推荐文章于 2024-04-08 08:36:37 发布

阅读量823

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wwthuanyu/p/10555067.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>

转载于:https://www.cnblogs.com/wwthuanyu/p/10555067.html

weixin_33688840

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
class样式的添加和设置.html

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.0.js" type="text/ja...
复制链接

扫一扫