Question

This is the css code:

# skin.css
.my_class {
  attr1: value1;
  attr2: value2;
}

I want to retrieve this properties, but $(".my_class") doesn’t work becase I have no element with class my_class in my DOM. Is there anyway of achieve this?

Answer 1

You could create a hidden DOM element, and append it to the body, then delete it:

$('<div class="my_class" style="display: none;"></div>').appendTo("body").css("attr1"); // => value1

You’d have to do something a bit differently if you cared about the display property, e.g. use opacity or visibility or position: absolute; top: -100000px;.