天天看點

jquery——樣式操作

思想:同一個函數完成取值和指派

addClass、removeClass、

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

轉載于:https://www.cnblogs.com/gaoquanquan/p/9205080.html

繼續閱讀