jquery和原生js改变Dom样式

文章目录

Jquery——改变样式Jquery——追加/清除类名原生JS——改变样式原生JS——追加/清除类名

---

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");