Maison > interface Web > js tutoriel > Exemple d'utilisation d'un événement composé jQuery combiné avec la méthode toggle()

Exemple d'utilisation d'un événement composé jQuery combiné avec la méthode toggle()

巴扎黑
Libérer: 2017-06-21 16:35:41
original
1766 Les gens l'ont consulté

Cet article présente principalement l'utilisation de jQuerycompositeevent combiné avec la méthode toggle(). Il analyse la fonction, la définition et l'utilisation de la méthode toggle() en conjonction avec. Événements composés avec des exemples. Pour les compétences opérationnelles, les amis dans le besoin peuvent se référer à

Cet article décrit l'utilisation des événements composés jQuery combinés avec la méthode toggle(). Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Définition et utilisation

toggle() la méthode est utilisée pour lier deux ou plusieurs fonctions Gestionnaire d'événements pour répondre à son tour à l'événement de clic de l'élément sélectionné.

Syntaxe :

$(selector).toggle(function1(),function2(),functionN(),...)<br>Bascule entre deux fonctions ou plus lorsque l'utilisateur clique sur l'élément spécifié.

est lié aux méthodes hide() et show() pour obtenir l'effet de pliage

Exemples spécifiques :  ;


<script type="text/javascript" src="js/jquery.js "></script>
<script type="text/javascript">
 $(function(){
    $("#dt1").toggle(
      function(){$("#p1").show();},
      function(){$("#p1").hide();}
    );
   })
</script>
<dl>
  <dt id="dt1">新闻管理</dt>
  <p id="p1">
  <dd>发布新闻</dd>
  <dd>新闻列表</dd>
  <dd>回收站</dd>
  </p>
</dl>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal