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