Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Elemen Pseudo-Klon dengan Gaya CSS Dikira Menggunakan jQuery?

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

Susan Sarandon
Lepaskan: 2024-10-22 14:06:02
asal
593 orang telah melayarinya

How to Pseudo-Clone Elements with Computed CSS Styles Using 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>
Salin selepas log masuk

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!

sumber:php
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan