.attr() 和 .css()

最新推荐文章于 2025-05-19 15:41:07 发布

CH--

最新推荐文章于 2025-05-19 15:41:07 发布

阅读量853

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： .attr() .css()

本文链接：https://blog.youkuaiyun.com/xidongdong1/article/details/79844389

css 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用jQuery来设置和获取元素的样式（如背景颜色）及属性（如data-name），并通过具体示例展示了其简单易用的特点。

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

css: 是设置和获取 style 的。（ .css("display","none") ）

var myId = $("#myId");
myId.css("background-color", "red"); // 设置背景颜色为红色
var bg = myId.css("background-color"); // 获取背景颜色

相当于：

var myId = document.getElementById("myId");
myId.style.backgroundColor = "red"; // 设置
var bg = myId.style.backgroundColor; // 获取

attr: 设置和获取属性的（attribute的缩写）。

var myId = $("#myId");
myId.attr("data-name", "baidu");
// 设置属性名data-name，值baidu
// 结果为 ： <div id="myId" data-name="baidu"></div>
 
var attr = myId.attr("data-name"); // 获取

相当于：

var myId = document.getElementById("myId");
myId.setAttribute("data-name", "baidu"); // 设置
myId.getAttribute("data-name"); // 获取