jquery和原生js改变Dom样式

---

Jquery——改变样式

$(".parent").css({ backgroundColor: "black", width: "200px" });

Jquery——追加/清除类名

$(".parent").addClass("self-class self-class2");
$(".parent").removeClass("self-class");

原生JS——改变样式

const dom = document.querySelector(".parent")
dom.style.backgroundColor = "black";
dom.setAttribute("style", "background-color: #0f0;");
dom.style.cssText = "background-color: #00f;color: #f00;";

原生JS——追加/清除类名

document.querySelector(".parent").classList.add("self-class", "self-class2");
document.querySelector(".parent").classList.remove("self-class");