jQuery 的attr()与css()的区别

Posted Lu_Lu的攻城路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 的attr()与css()的区别相关的知识,希望对你有一定的参考价值。

 jQuery 的attr()与css()的区别

1.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"); // 获取

 

2.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 的attr()与css()的区别的主要内容,如果未能解决你的问题,请参考以下文章

JS中attr和prop属性的区别

JS中attr和prop属性的区别

jquery attr()无法获取属性值问题

JS中attr和prop属性的区别

jquery attr与prop的区别

JQuery的attr 与 val区别及使用