日常

ケ・セラ・セラ

querySelectorとJQueryでcssをいじるメモ

querySelector で

foo = document.querySelector("#bar li a.baz");
color = foo.style.color;
bg_color = foo.style.backgroundColor;
foo.style.color = bg_color;
foo.style.backgroundColor = color;
foo.style.borderStyle = "solid";
foo.style.borderWidth - "1px";
foo.style.float = "right";

JQuery

foo = $("#bar li a.baz")
color = foo.css("color")
bg_color = foo.css("background-color")
foo.css("color", bg_color)
foo.css("background-color", color)
foo.css("border-style", "solid")
foo.css("border-width", "1px")
foo.css("float", "right")