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——样式操作的主要内容,如果未能解决你的问题,请参考以下文章

jQuery操作样式

jquery基本操作

VS Code中自定义Emmet代码片段

jQuery学习之------元素样式的操作

使用jQuery操作DOM

jQuery 样式属性元素操作动画效果尺寸位置操作