получить значения класса с помощью jQuery

Question

с учетом класса .test {color: red; ....}, как получить атрибут стиля с помощью javascript?

Answer 1

Как я предполагаю, что вы нужны свойства, даже если класса в настоящее время нет, рассмотрите следующее:

1. Создать элемент с этим классом на лету
2. Получить его стили
3. Удалить снова

Пример:

$('document').ready(function() 
{ 
    var $bar, styles, 
     markup = '<div class="foo" id="bar"></div>'; 

    // add a temporary element 
    $('body').append(markup); 

    // get element 
    $bar = $('#bar'); 

    // get style with jQuery.css 
    console.log($bar.css('margin')); 

    // or: Get all computed styles 
    styles = getComputedStyle($bar[0]); 

    // all computed styles 
    console.log(styles); 
    // read out the one you want 
    console.log(styles.margin); 

    // for more see 
    // https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedStyle 

    // remove the element again 
    $bar.remove().detach(); 
}); 

Fiddle

Answer 2

Если вы хотите, чтобы получить название элемента с классом, то это примерно то, что похоже на ниже код ...

JQuery код

$(selector).attr(attribute); 

Если вы хотите, чтобы получить встроенный стилей затем используйте

$(".test").css('style'); 

После этого вам необходимо проанализировать строку и базу на разделителе. Затем вы получите пары ключ/значение свойств css.

Точно так же, если вы хотите получить свойства CSS, то

JQuery код

$(selector).css(proprerty); 

$(".test").css('width'); 

Демо:http://jsfiddle.net/s2xcmsvx/