Mengapa Pengubahsuaian CSS jQuery Saya Tidak Berfungsi?

Menukar CSS dengan jQuery

Dalam percubaan untuk mengubah suai elemen CSS menggunakan jQuery, kod yang disediakan nampaknya tidak mempunyai elemen penting. API jQuery menyatakan bahawa sifat CSS boleh ditentukan menggunakan kedua-dua notasi dipetik dan tidak disebut.

Memeriksa kod dengan teliti, isunya terletak pada pendakap kerinting penutup yang hilang. Baris:

$("#myParagraph").css({"backgroundColor":"black","color":"white");

harus mempunyai pendakap kerinting tambahan untuk menutup objek literal:

$("#myParagraph").css({ "backgroundColor": "black", "color": "white" });

Dengan pembetulan ini, kod berfungsi seperti yang dimaksudkan, mengubah gaya elemen HTML :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="bordered">
  <h1>Header</h1>
  <p>

$(init);

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

Atas ialah kandungan terperinci Mengapa Pengubahsuaian CSS jQuery Saya Tidak Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!