jquery——样式操作

Posted gaoquanquan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于jquery——样式操作的主要内容,如果未能解决你的问题,请参考以下文章