jQuery: возможно ли получить массив значений CSS?

Question

Я ищу стиль элементов радио и флажков, заменив элемент формы изображением.Я хочу иметь возможность установить флажок и сделать jquery сделать массив значений.

Примерно так:

input[type=checkbox] {
  width:13px;height:13px;
  /*.css() can't take the shorhand background property I don't think*/
  background-image:url(assets/img/bg_form_checkbox.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  position:relative;
}

Есть ли способ сохранить значения CSS в массивеи перебирать их и назначать им промежуток?

$("input[type=checkbox]").after('<span style="'+cssValuesHere+'"></span>');

Answer 1

Попробуйте использовать это:

.css_class {
  width:13px;height:13px;
  /*.css() can't take the shorhand background property I don't think*/
  background-image:url(assets/img/bg_form_checkbox.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  position:relative;
}

$(".css_class").after('<span class="css_class"></span>');

Answer 2

var cssValues = {
    width:'13px',
    height:'13px',
    background-image: 'url(assets/img/bg_form_checkbox.gif)',
    background-repeat: 'no-repeat',
    background-position: '50% 50%',
    position:' relative'
}

$('<span/>').css(cssValues).insertAfter("input[type=checkbox]");