Maison > interface Web > js tutoriel > le corps du texte

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

藏色散人
Libérer: 2018-08-15 16:38:24
original
16331 Les gens l'ont consulté

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)
Copier après la connexion

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');
 }
)
Copier après la connexion

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!

É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