Bagaimana untuk Elemen Pseudo-Klon dengan Gaya CSS Dikira Menggunakan jQuery?

Pemalam CSS untuk Elemen Pseudo-Kloning dalam jQuery

Masalah:

Anda memerlukan pemalam jQuery untuk mendapatkan CSS yang dikira gaya untuk elemen tertentu sebagai objek. Objek ini kemudiannya boleh dihantar ke kaedah css untuk menggunakan gaya pada elemen lain, secara pseudo-pengklonan dengan teg berbeza.

Penyelesaian:

Pemalam bernama getStyleObject menyelesaikan masalah ini dengan mendapatkan gaya yang dikira untuk semua sifat CSS yang mungkin, memastikan keserasian merentas penyemak imbas, termasuk IE.

Penggunaan:

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

Coretan kod ini menunjukkan fungsi pemalam:

1. Memilih elemen asal dengan ID "asal" dan mendapatkan semula gaya yang dikira sebagai objek menggunakan getStyleObject.
2. Mengklon elemen asal.
3. Menambahkan elemen klon pada induk elemen asal.
4. Menggunakan gaya yang dikira pada elemen klon, secara pseudo-kloningnya dengan berkesan.

Atas ialah kandungan terperinci Bagaimana untuk Elemen Pseudo-Klon dengan Gaya CSS Dikira Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!