Pourquoi ma modification CSS jQuery ne fonctionne-t-elle pas ?

Changer le CSS avec jQuery

Dans une tentative de modifier des éléments CSS à l'aide de jQuery, le code fourni semble manquer d'un élément crucial. L'API jQuery indique que les propriétés CSS peuvent être spécifiées en utilisant à la fois des notations entre guillemets et sans guillemets.

En inspectant attentivement le code, le problème réside dans une accolade fermante manquante. La ligne :

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

doit avoir une accolade supplémentaire pour fermer le littéral de l'objet :

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

Avec cette correction, le code se comporte comme prévu, en modifiant les styles des éléments 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");
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!