Problème jQuery

Fermé

larvazin Messages postés 103 Date d'inscription vendredi 20 juillet 2018 Statut Membre Dernière intervention 28 juillet 2020 - 24 juil. 2018 à 11:43
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 24 juil. 2018 à 12:06

Bonjour,
Je rencontre un problème avec mon code jQuery :

Voilà mes codes :

HTML :

 
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<script src="jquery-3.3.1.min.js" ></script>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script>
</head>

<body>
    <button style="width: 100px; height: 50px; font-size: 30px; background-color: red; color: white; border-radius: 10px;" id="red">RED</button>
    
    <button style="width: 100px; height: 50px; font-size: 30px; background-color: blue; color: white; border-radius: 10px;" id="blue">BLUE</button>
    
    <p id="p1">TEXTE</p>
    
</body>

</html>

CSS :


.redd
{
    background-color: aqua;
    
}

.blu
{
    color: blue;
}

JavaScript (jQuery)


$(document).ready(function(){
             
    $("#red").click(function){
        
        $("#p1").addClass("redd");
   
    });
});

Voici le rendu :

Mais lorsque je clique sur "RED", rien ne se passe !

Merci d'avance pour votre aide.

A voir également:

Problème jQuery
Jquery .map ✓ - Forum Javascript
Uncaught referenceerror: jquery is not defined ✓ - Forum Javascript
Editable table jquery - Forum HTML
Jquery animate toggle ✓ - Forum Javascript
Probleme de scope en jQuery. je conprend pas, ✓ - Forum Javascript

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
24 juil. 2018 à 12:06

Bonjour,

Si tu avais regardé dans la CONSOLE de ton navigateur, tu aurais pu y voir un message d'erreur...
corrige ta ligne par

$("#red").click(function(){

Discussions similaires

jquery: refresh element enfant après ajax

jQuery & Regex

Redirection Jquery onclick

Refresh div

Utilisateur anonyme - 3 nov. 2017 à 10:09
Utilisateur anonyme - 7 nov. 2017 à 18:06

Problème de jquery sur mozilla

Discussions similaires

Newsletters