分别用JS和jQuery操作属性（随手记）

JS相关操作

1.获取修改属性

//1.获取 id=“uname” 的元素
var ele = document.getElementById("uname");
//2.获取该元素的 class 属性
ele.getAttribute("class") 
//3.修改该元素的 class 属性
ele.setAttribute("class","class_uname");

2.获取修改样式

//1.获取 id=“uname” 的元素
var ele = document.getElementById("uname");
//2.获取该元素的 color 样式
ele.style.Color
//3.修改该元素的 color 样式
ele.style.Color = "White";

jQuery相关操作

1.获取修改属性

//1.获取 id=“uname” 的元素
var ele = $("#uname");
//2.获取该元素的 class 属性
$("#uname").attr("class");
//3.修改该元素的 class 属性
$("#uname").attr("class","class_uname");
//4.addClass
$("#uname").addClass("btn-primary");
//5.removeClass
$("#uname").removeClass("btn-primary");

2.获取修改样式

//1.设置元素的 color 样式
$("#sendBTN").css("Color","white");