Wie kann ich mit jQuery Elemente mit berechneten CSS-Stilen pseudoklonen?

CSS-Plugin zum Pseudo-Klonen von Elementen in jQuery

Problem:

Sie benötigen ein jQuery-Plugin, um berechnetes CSS abzurufen Stile für ein bestimmtes Element als Objekt. Dieses Objekt kann dann an die CSS-Methode übergeben werden, um die Stile auf ein anderes Element anzuwenden und es effektiv mit einem anderen Tag zu pseudoklonen.

Lösung:

Ein Plugin Das benannte getStyleObject löst dieses Problem, indem es berechnete Stile für alle möglichen CSS-Eigenschaften abruft und so die Kompatibilität zwischen Browsern, einschließlich IE, gewährleistet.

Verwendung:

<code class="javascript">var style = $("#original").getStyleObject(); // clone all computed CSS properties
$("#original").clone()
    .parent()
    .append()
    .css(style); // apply cloned styles</code>

Dieser Codeausschnitt demonstriert Die Funktionalität des Plugins:

1. Wählt das Originalelement mit der ID „original“ aus und ruft seine berechneten Stile als Objekt mit getStyleObject ab.
2. Klont das Originalelement.
3. Hängt das geklonte Element an das übergeordnete Element des Originalelements an.
4. Wendet die berechneten Stile auf das geklonte Element an und klont es effektiv.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery Elemente mit berechneten CSS-Stilen pseudoklonen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!