问知道jQuery中css与attr之间有什么区别

发布网友发布时间：2022-04-20 19:54

共2个回答

热心网友时间：2022-04-20 21:23

css: 是设置和获取 style 的。

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; // 获取

这里注意的是非jQuery，不能直接获取 <style></style>里的值

也就是说 .css 文件里的那些值（要去写一个兼容函数才可以）。

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

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

var attr = myId.attr("data-name"); // 获取

相对于

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

望采纳