jQuery学习笔记09-操作CSS

最新推荐文章于 2024-04-13 00:49:14 发布

weeds606

最新推荐文章于 2024-04-13 00:49:14 发布

阅读量90

点赞数

本文链接：https://blog.csdn.net/doulihang/article/details/100126527

版权

前端相关专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery操作样式</title>
    <script src="jQuery/jquery-1.12.4.js"></script>
    <script>
        $(function () {
            // 逐个设置样式
            // $("div").css("width","100px");
            // $("div").css("height","100px");
            // $("div").css("background-color","red");
        //    链式设置样式，设置的样式超过3个时，建议分开写
        //     $("div").css("width","100px").css("height","100px").css("background-color","red")
        //    批量设置（推荐使用）
            $("div").css({
                "width":"100px",
                "height":"200px",
                "background-color":"yellow",
            });
        //    获取css样式
            console.log($("div").css("background-color"));
        })
    </script>
</head>
<body>
<div></div>
</body>
</html>

weeds606

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习笔记09-操作CSS

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery操作样式</title> <script src="jQuery/jquery-1.12.4.js"></script> ...
复制链接

扫一扫