web-dev-qa-db-fra.com

Masquer le bouton à l'aide de jQuery

Quelqu'un peut-il me dire comment masquer ce bouton après l'avoir appuyé à l'aide de jQuery?

<input type="button" name="Comanda" value="Comanda" id="Comanda" data-clicked="unclicked" />

Ou celui-ci:

<input type=submit  name="Vizualizeaza" value="Vizualizeaza">
javascriptjquerybutton
11
LoolKovsky

Essaye ça:

$('input[name=Comanda]')
.click(
     function ()
     {
         $(this).hide();
     }
);

Pour faire tout le reste, vous pouvez utiliser quelque chose comme celui-ci:

$('input[name=Comanda]')
.click(
     function ()
     {
         $(this).hide();

         $(".ClassNameOfShouldBeHiddenElements").hide();
     }
);

Pour masquer tous les autres éléments en fonction de leur ID, utilisez celui-ci:

$('input[name=Comanda]')
.click(
     function ()
     {
         $(this).hide();

         $("#FirstElement").hide();
         $("#SecondElement").hide();
         $("#ThirdElement").hide();
     }
);
23
Rikki

Vous pouvez utiliser la fonction .hide() liée à un gestionnaire click:

$('#Comanda').click(function() {
    $(this).hide();
});
7
Blender

jQuery propose la méthode . hide () à cet effet. Sélectionnez simplement l'élément de votre choix et appelez cette méthode par la suite. Par exemple:

$('#comanda').hide();

On peut également déterminer la vitesse d'exécution de la transition en fournissant un paramètre de durée en millisecondes ou en chaîne (les valeurs possibles étant "rapides" et "lentes"):

$('#comanda').hide('fast');

Si vous voulez faire quelque chose juste après que l'élément se soit caché, vous devez également fournir un rappel en tant que paramètre:

$('#comanda').hide('fast', function() {
  alert('It is hidden now!');
});
3
João Cunha

Cela dépend de le sélecteur jQuery que vous utilisez. Puisque id doit être unique dans le DOM, le premier serait simple:

$('#Comanda').hide();

Le second pourrait nécessiter quelque chose de plus, en fonction des autres éléments et de la façon de l'identifier de manière unique. Si le name de ce input particulier est unique, alors cela fonctionnerait:

$('input[name="Vizualizeaza"]').hide();
1
David