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");

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

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

3. Alih keluar elemen tersembunyi selepas mendapatkan semula nilai:

   $p.remove();

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!