Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Membetulkan Kod Pengubahsuaian CSS jQuery Saya yang Tidak Menggunakan Gaya?

Bagaimanakah Saya Boleh Membetulkan Kod Pengubahsuaian CSS jQuery Saya yang Tidak Menggunakan Gaya?

Linda Hamilton
Lepaskan: 2024-12-04 10:59:10
asal
721 orang telah melayarinya

How Can I Fix My jQuery CSS Modification Code That's Not Applying Styles?

Menukar CSS Menggunakan jQuery

Dalam coretan kod yang diberikan, anda cuba mengubah suai gaya CSS menggunakan jQuery:

$(init);

function init() {
    $("h1").css("backgroundColor", "yellow");
    $("#myParagraph").css({"backgroundColor":"black","color":"white");
    $(".bordered").css("border", "1px solid black");
}
Salin selepas log masuk

Walau bagaimanapun, anda mengalami ralat dan perubahan CSS tidak digunakan. Untuk menyelesaikan isu ini, semak butiran berikut:

  1. Kurung Kerinting Hilang: Periksa kod pendakap kerinting yang tiada. Dalam baris yang anda tetapkan sifat CSS untuk #myParagraph, pendakap kerinting penutup tiada. Betulkan kepada:
$("#myParagraph").css({ "backgroundColor": "black", "color": "white" });
Salin selepas log masuk
  1. Sintaks Harta Betul: Pastikan nama sifat CSS yang anda gunakan ditulis dengan betul. Dalam jQuery, anda boleh menggunakan sama ada sintaks camelCase atau kebab-case untuk sifat CSS. Walau bagaimanapun, dalam kod anda, sifat backgroundColor ditulis dalam camelCase, manakala sifat warna ditulis dalam kebab-case. Untuk ketekalan, adalah disyorkan untuk menggunakan sintaks camelCase di seluruh kod.

Dengan pembetulan ini, kod anda kini seharusnya berfungsi seperti yang dimaksudkan dan gaya CSS untuk elemen yang ditentukan harus berubah dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membetulkan Kod Pengubahsuaian CSS jQuery Saya yang Tidak Menggunakan Gaya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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