jQuery获取和设置css属性&&每日清单小项目

最新推荐文章于 2022-03-17 18:27:07 发布

opo77_

最新推荐文章于 2022-03-17 18:27:07 发布

阅读量343

点赞数

分类专栏：笔记文章标签： jquery

本文链接：https://blog.youkuaiyun.com/opo77_/article/details/109012163

版权

本文介绍了如何使用jQuery获取和设置css属性，详细讲解了.css()方法的使用，包括获取单个属性值、设置单个或多个样式，并通过一个任务清单小项目实例展示了实际应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取和设置css属性

.css()方法
jQuery用来获取和设置css属性值的方法

方法：在小括号里指定需要获取哪个属性
如果匹配结果集包含多个元素，这个方法会返回第一个元素的值。
获取第一个ID的文本颜色属性

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>获取和设置css属性</title>    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>    <style>        #a{
                color: saddlebrown;        }    </style></head><body>    <p id="a">床前明月光</p>    <p id="b">疑是地上霜</p>    <script>$(function(){
            alert($("#a").css('color'));    });    </script></body></html>

在这里插入图片描述弹出color属性值。
设置属性值：
设置单个样式，第一个参数写样式名，第二个参数写样式值，中间逗号分隔。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>获取和设置css属性</title>    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>    <style>        #a{
                color: saddlebrown;        }    </style></head><body>    <p id="a">床前明月光</p>    <p id="b">疑是地上霜</p>    <script>$(function(){
            $("#