jquery——样式操作

思想：同一个函数完成取值和赋值

addClass、removeClass、

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
        $(function () {

            //读取样式
            alert($('.div1').css('fontSize'));

            //写入样式
            $('.div1').css({background:'hotpink'});

            //加入样式
            $('.div1').addClass('big');

            //删除样式
            $('.div1').removeClass('div1');
        });

    </script>
    <style type="text/css">

        .big{
            font-size:30px;
        }
    </style>
</head>
<body>
    <div class="div1">这是一个div元素</div>
</body>
</html>

 

posted @ 2018-06-20 17:55  高圈圈  阅读(116)  评论(0)    收藏  举报