Как получить все вычисленные стили элемента с помощью jQuery?

Я хочу скопировать все вычисленные css элемента и применить его к другому элементу. По рассчитанному стилю я имею в виду, если ширина элемента равна 100%, но его ширина родительской ширины составляет 200 пикселей, ширина вычисляемых элементов будет 200 пикселей. как я могу получить доступ ко всем этим стилям для элемента?

Ответы

Ответ 1

после дальнейших исследований с использованием ответа Маджида, я узнал, что метод JQuery ".css" также возвращает вычисленный стиль, и лучше, потому что он учитывает разницу в браузере http://api.jquery.com/css/

Ответ 2

Использовать вычисляемый стиль. Вот простой учебник: Получить компьютерный стиль

А что касается jquery, это может помочь вам получить ссылку на исходный и целевой элемент и легко применить правило css. скажем, вас интересуют только два свойства, ширина и высота, тогда вы можете использовать код по строкам:

var oSource = $('#source');
var sWidth  = document.defaultView.getComputedStyle(oSource, null).width;
var sHeight = document.defaultView.getComputedStyle(oSource, null).height;
$('#target').css('width', sWidth).css('height', sHeight);