Получение стиля элемента для псевдо клонирования в jQuery

проблема

Представьте, что у вас есть элемент SPAN, содержащий текст, и вы хотите создать текстовый ввод, который соответствует его появлению. Как реплицировать стили между этими элементами, используя jQuery?

существующие подходы

один метод - вручную перечислить все возможные свойства CSS и получить их значения, используя метод CSS jQuery. Тем не менее, этот подход требует много времени и подвержены ошибкам из-за огромного количества доступных стилей.

комплексное решение

введение jQuery.getStyleObject Plugin, комплексный инструмент, который извлекает все возможные вычислительные стили для элемента. Этот плагин устраняет необходимость в списке свойств вручную и обеспечивает совместимость со всеми браузерами, включая устаревшие браузеры, такие как IE.

реализация

для использования плагина, просто вызовите getStyleobject на желаемом элементе:

var style = $("#element").getStyleObject();

это вернет объект, содержащий все вычисленные стили как пары клавиш. Затем вы можете применить эти стили к другому элементу:

$. Обеспечение совместимости Cross-Browser.

var style = $("#element").getStyleObject();

extensibility:

]

При необходимости вы можете добавить дополнительные стили в плагин, изменяя файл плагина. Styles:

$ (& quot;#Original & quot;). Clone () .parent () .appendto () .css ($ (& quot;#Original & quot;). getStyleObject ());

]