Jquery peut-il lier des événements à plusieurs éléments en même temps ?-Questions et réponses frontales-php.cn

Jquery peut-il lier des événements à plusieurs éléments en même temps ?

WBOY

Libérer： 2022-04-26 17:31:26

original

2676 Les gens l'ont consulté

jquery peut lier des événements à plusieurs éléments ensemble. Méthode de liaison : lorsque vous utilisez un sélecteur pour sélectionner des éléments, séparez les sélecteurs d'éléments par des virgules anglaises. Vous pouvez lier des événements à plusieurs éléments ensemble et prendre en charge l'utilisation mixte de plusieurs sélecteurs. La syntaxe est "$(élément 1, élément 2, Élément 3...).Événement (fonction de gestionnaire d'événements)".

Jquery peut-il lier des événements à plusieurs éléments en même temps ?

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Jquery peut-il lier des événements à plusieurs éléments en même temps ? Au cours du processus de développement, j'ai rencontré la liaison du même événement à chaque ligne ou colonne du tableau. La méthode utilisée consiste à parcourir les éléments de colonne avec jquery et à utiliser foreach pour. Liez les événements à chaque cellule. Ce dont nous allons parler aujourd'hui, c'est la méthode de liaison permettant de déclencher de manière interactive le même événement de clic sur différents éléments.

La méthode spécifique est la suivante :

$("#id1, .class1, #id2, .class2").unbind("click").click(function(){
    console.log("test");
})

Copier après la connexion

Lorsque vous utilisez des sélecteurs pour sélectionner des éléments, utilisez des virgules anglaises pour les séparer. Elle prend également en charge l'utilisation mixte de sélecteurs pour lier le même événement à différents éléments.

L'exemple est le suivant :

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".bt1,#bt1").click(function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button class="bt1">切换</button>
<button id="bt1">切换</button>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Jquery peut-il lier des événements à plusieurs éléments en même temps ? Recommandation de didacticiel vidéo associé :