Bagaimana untuk Mendapatkan Nilai CSS daripada Lembaran Gaya Luaran Tanpa Elemen dalam jQuery?

Mengambil Nilai CSS daripada Lembaran Gaya Luaran Menggunakan Javascript/jQuery

Satu tugas biasa dalam pembangunan web ialah mengakses nilai daripada fail CSS luaran. Walaupun kaedah jQuery $('element').css('property') boleh mendapatkan semula gaya yang dikira untuk elemen sedia ada, ia menjadi mencabar apabila elemen sasaran belum lagi dijana secara dinamik.

Adakah terdapat alternatif?

Syukurlah, dengan jQuery, kami boleh menggunakan helah bijak untuk mengambil CSS nilai tanpa bergantung kepada elemen sebenar. Mari terokai penyelesaiannya:

Penyelesaian jQuery:

Kita boleh mencipta salinan tersembunyi elemen sasaran menggunakan langkah berikut:

1. Buat elemen pemegang tempat dengan jQuery:

   var $p = $("<p></p>").hide().appendTo("body");

   Salin selepas log masuk

2. Akses nilai CSS menggunakan fungsi 'css()' standard:

   console.log($p.css("color"));

   Salin selepas log masuk

3. Alih keluar elemen tersembunyi selepas mendapatkan semula nilai:

   $p.remove();

   Salin selepas log masuk

Contoh:

Pertimbangkan CSS dan HTML berikut:

p { color: blue; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Menggunakan penyelesaian jQuery, kita boleh mendapatkan semula 'warna' value:

(function() {
    var $p = $("<p></p>").hide().appendTo("body");
    console.log($p.css("color"));
    $p.remove();
})();

Helah ini membolehkan kami mendapatkan nilai CSS tanpa bergantung pada kewujudan elemen sasaran pada halaman, menjadikannya teknik yang berguna untuk kandungan yang dijana secara dinamik.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai CSS daripada Lembaran Gaya Luaran Tanpa Elemen dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!