comment masquer tous les divs en jquery

J'ai plusieurs divs:

<div id="div-1"></div>
<div id="div-2"></div>
<div id="div-3"></div>
<div id="div-4"></div>

Comment puis-je masquer tous avec jquery. J'ai utilisé $('#div').hide(); et n'a pas de travail.

#div sera sélectionnez l'élément avec l'ID div. jQuery a une bonne documentation sur les sélecteurs vous pouvez utiliser, vous devez avoir un coup d'oeil à ça: api.jquery.com/category/selectors. Pourquoi pensez-vous $('#div') devrait fonctionner?

OriginalL'auteur Mythriel | 2012-02-27

  1. 19

    Vous utilisez un id dans votre sélection. Utilisez simplement:

    $('div').hide();

    Cependant, que va se cacher littéralement tous les divs. Que diriez-vous masquer uniquement les divs qui ont un id dans la forme de div-x?

    $('div[id^="div-"]').hide();

    Cela ne fera que masquer les divs vous l'avez mentionné, sans cacher d'autres divs (ce qui peut être problématique).

    c'est le travail juste que j'en ai besoin
    Réponse parfaite. Thnx.

    OriginalL'auteur MMM

  2. 6

    pour plus de détails, vous pouvez lire ceci : Sélecteur d'Élément (“élément”)

    cela va faire : $('div').hide();

    il n'y a pas besoin de signe # qui est pour le sélecteur d'id pour jquery , si vous voulez cacher élément il suffit d'écrire le nom de l'élément sera de faire votre tâche, c'est appelé un "sélecteur d'élément".

    OriginalL'auteur Pranay Rana

  3. 5

    Prendre le hachage et il suffit de faire $('div').hide(); parce que maintenant vous vous cachez tous les éléments de id de "div"

    OriginalL'auteur joeschmidt45

  4. 5

    Le problème est que vous spécifiez un id dans votre sélection. Utilisez ceci à la place:

    $('div').hide();

    OriginalL'auteur Greg Franko

  5. 5

    utilise jQuery CSS-sélecteurs, donc ce masque tous les divs:

    $('div').hide();

    Cependant, si vous souhaitez masquer les divs dont id commence avec "div", comme dans votre exemple, ce faire:

    $('div[id^="div"]').hide();

    OriginalL'auteur Martti Laine

  6. 1

    $('div').hide(); devrait fonctionner

    $('#div') cherche id="div" plutôt que de regarder pour tous les divs.

    OriginalL'auteur Santosh Gokak

  7. 1

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

    ne fonctionne pas parce que vous êtes lookin pour quelque chose avec un ID = "div" et que vous avez configuré votre id de "div-1" etc.

    Au lieu d'essayer 

      $('#div-1').hide();
  $('#div-2').hide();

    etc

    Qui permet de masquer les spécifiques div est mentionné.

    Si vous voulez vraiment de cacher tous les divs sur votre page, puis 

      $('div').hide();

    OriginalL'auteur James

  8. 1

    Attribuer une classe à tous les divs vous souhaitez masquer, puis
    faire qqch comme

     $('.hider').hide()

    Ce serait de masquer tous les divs avec cette classe hider. Ensuite, vous pouvez faire ce que vous voulez sur certaines des divs

    OriginalL'auteur israel

  9. 0

    #div l'élément qui id est div, si vous voulez cacher tous les div sur la page alors le sélecteur de ce que vous voulez, c'est juste div (utiliser $('div').hide()).

    Je ne pense pas que c'est vraiment ce que vous voulez bien, vous avez presque certainement ne voulez cacher chaque div sur la page. Vous semblez être en essayant de cacher plusieurs divs en une seule fois. La façon de le faire est de séparer les id's avec une virgule: $('#div-1,#div-2,#div-3,#div-4').hide().

    Alternativement une meilleure façon de le faire est d'ajouter une class à ceux divs dans le cas où vous souhaitez modifier le numéro de divs.

    De sorte à cacher:

    <div id="div-1" class="foo"></div>
<div id="div-2" class="foo"></div>
<div id="div-3" class="foo"></div>
<div id="div-4" class="foo"></div>

    Vous utilisez $('.foo').hide().

    OriginalL'auteur GameFreak