Maison  >  Article  >  interface Web  >  Comment utiliser la fonction bascule dans l'exemple d'effet js-switching

Comment utiliser la fonction bascule dans l'exemple d'effet js-switching

藏色散人
藏色散人original
2018-08-15 16:38:2416336parcourir

Cet article présente principalement le fonctionnement de la fonction jQuery de commutation d'événement de clic. Tout d'abord, tout le monde doit comprendre la définition de la méthode toggle(). La méthode toggle() change l'état visible d'un élément. Masquez les éléments sélectionnés s'ils sont visibles et affichez-les si les éléments sélectionnés sont masqués.

Les exemples de code spécifiques suivants :

toggle(fn,fn)

toggle() change la fonction à appeler à chaque fois que vous cliquez dessus. Si un élément correspondant est cliqué, la première fonction spécifiée est déclenchée, et lorsque le même élément est cliqué à nouveau, la deuxième fonction spécifiée est déclenchée. Chaque clic suivant répète tour à tour l’appel à ces deux fonctions.

Remarque : Vous pouvez utiliser unbind("click") pour supprimer.
Valeur de retour jQuery
Paramètre fn (Fonction) : La fonction à exécuter lorsque le clic impair est effectué. fn (Fonction) : La fonction à exécuter lorsque le clic pair est effectué.

Code jQuery (une classe pour changer de table) :

$("td").toggle( 
function () { 
$(this).addClass("selected"); 
}, 
function () { 
$(this).removeClass("selected"); 
} 
);
$('#btntrack').toggle(
 function(){
 $(this).text('继续跟踪');
 $(this).addClass('active');
 },
 function(){
 $(this).text('暂停跟踪')
 $(this).removeClass('active');
 }
)

Il convient de noter ici : la bascule n'est utile que lorsqu'on clique dessus, le survol n'est qu'un événement lorsque la souris entre et sort, n'a rien à voir avec des clics. Les deux peuvent être utilisés ensemble.

Cet article est donc une introduction au basculement pour réaliser un changement de clic. J'espère que tout le monde a une certaine compréhension de la façon d'utiliser la fonction bascule js.

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!

Déclaration:
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