jQuery ajouter un effet à de nombreuses divs en une fois

Question

Est-il possible d'appliquer une méthode jQuery telle que .hide() à de nombreux divs avec différents paramètres id en une fois.

L'exemple pour un seul div est.

$ ("# action div") cliquez sur ( function() {$ ("# certains à div-cache") cacher (». rapide ");} ); Cela peut être fait pour de nombreuses divs avec des identifiants différents, sans avoir à gérer l'événement .click plusieurs fois.

Answer 1

Comma la liste des SEPERATE ID de.

$("#action-div, #anotherId, #yetAnotherId").click(function(){ 

}); 

Answer 2

Vous souhaitez probablement utiliser un attribut class sur les div sur lesquels vous souhaitez opérer, puis spécifier la classe dans le sélecteur.

<div class="actiondiv" ...> 

puis

$(".actiondiv").click(...) 

Answer 3

La méthode la plus simple est de donner tous les ids de la même classe et plus tard:

$(".some_class").click(function(){.....}); 

Answer 4

Vous pouvez toujours appliquer une seule classe à ces éléments, et sélectionnez-fondé de la classe:

$(".action-class").click(function() { $("#some-div-to-hide").hide("fast"); }); 

Answer 5

Si vous voulez avoir l'événement click attaché à tous les divs, utilisez une classe commune (<div class="clickhidden">):

$(".clickhidden").click(function() { $("#some-div-to-hide").hide("fast"); }); 

Si vous voulez un clic pour cacher plusieurs classes, la classe à fixer la cible:

$("#action-div").click(function() { $(".clickhidden").hide("fast"); }); 

Des combinaisons sont également possibles.

Answer 6

si vous voulez cacher() 2 classes différentes comme celle-ci:

classe pour cacher 1

<p class="hideOne>hide me!</p> 

classe pour cacher 2

<p class="hideTwo>hide me!</p> 

Vous pouvez cacher() classe un et deux comme suit:

<script> 
    $("p.hideOne,p.hideTwo").hide("slow"); 
</script>