Gestion des identifiants multiples en jQuery

Question

Peut-on gérer des identifiants multiples comme dans le code ?

<script>
$("#segement1, #segement2, #segement3").hide()
</script>

<div id="segement1"/>
<div id="segement2"/>
<div id="segement3"/>

Answer 1

Oui, #id sélectionneurs combiné avec un sélecteur multiple (virgule) est parfaitement valide dans jQuery et CSS.

Cependant, pour votre exemple, puisque <script> vient antes de les éléments, vous avez besoin d'un document.ready Il attend donc que les éléments soient dans le DOM pour aller les chercher, comme ceci :

<script>
  $(function() {
    $("#segement1,#segement2,#segement3").hide()
  });
</script>

<div id="segement1"></div>
<div id="segement2"></div>
<div id="segement3"></div>

Answer 2

Solution :

Pour votre question secondaire

var elem1 = $('#elem1'),
    elem2 = $('#elem2'),
    elem3 = $('#elem3');

Vous pouvez utiliser la variable en remplacement du sélecteur.

elem1.css({'display':'none'}) ; //travaillera

Dans le cas ci-dessous, le sélecteur est déjà stocké dans une variable.

$(elem1,elem2,elem3).css({'display':'none'}) ; // ne fonctionnera pas