Pourquoi mon code jQuery ne fonctionne pas?

-3

J'ai créé une page HTML et y ai ajouté jQuery mais cela ne fonctionne pas. Je ne sais pas Ce que je fais mal. J'ai aussi cherché mais mon code a l'air correct. mais ça ne marche pas pour moi.
Mon code:
Pourquoi mon code jQuery ne fonctionne pas?

<!DOCTYPE html> 
<html> 

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("button").click(function() { 
       $("abc").fadeOut("fast"); 
      }); 
     }); 
    </script> 
    <style> 
     .abc { 
      background-color: #FEA2A2; 
      width: 150px; 
      height: 150px; 
      border-radius: 5px; 
     } 
    </style> 
</head> 

<body> 
    <button>Click Me!</button> 
    <div class='abc'></div> 
</body> 

</html>

Selon le code, il devrait disparaître la boîte lorsque le bouton est cliqué. Mais ça ne se passe pas.

Source

2014-04-28 Omer Iqbal

Il vous manque un. avant 'abc'. –

abc devrait être .abc comme le sélecteur –

http://jsfiddle.net/2J872/ – Satpal

Utilisez préfixe point pour la classe. vous manquez le point pour la classe

$(".abc").fadeOut("fast");

Source

2014-04-28 10:47:16

Merci: D: D –

changez cette ligne:

$("abc").fadeOut("fast");

à:

$(".abc").fadeOut("fast");

vous avez mal sélecteur jquery. vous devez utiliser le point (.) pour la classe.

voir documentation

Source

2014-04-28 10:47:28

Pour une utilisation du sélecteur . pour la classe si:

changement

$("abc").fadeOut("fast");

$(".abc").fadeOut("fast");

Source

2014-04-28 10:48:48

Merci :) :) –

changement

<script> 
$(document).ready(function(){ 
$("button").click(function(){ 
$("abc").fadeOut("fast"); 
}); 
}); 
</script>

<script> 
$(document).ready(function(){ 
$("button").click(function(){ 
$(".abc").fadeOut("fast"); 
}); 
}); 
</script>

Comme vous utilisez sélecteur de classe.

Source

2014-04-28 10:48:52

Merci :) :) –

Erreur de typo dans votre sélecteur. préfixe . pour le sélecteur de classe

$(".abc").fadeOut("fast");

Source

2014-04-28 10:48:56

merci :) :) –

Pourquoi mon code jQuery ne fonctionne pas?

Répondre

Questions connexes