Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie die Umschaltfunktion im Beispiel eines js-switching-Effekts

So verwenden Sie die Umschaltfunktion im Beispiel eines js-switching-Effekts

藏色散人
藏色散人Original
2018-08-15 16:38:2416322Durchsuche

In diesem Artikel wird hauptsächlich die Funktionsweise der jQuery-Funktion „Toggle Click Event Switching“ vorgestellt. Zunächst muss jeder die Definition der toggle()-Methode verstehen. Die toggle()-Methode schaltet den sichtbaren Zustand eines Elements um. Blenden Sie die ausgewählten Elemente aus, wenn sie sichtbar sind, und zeigen Sie sie an, wenn die ausgewählten Elemente ausgeblendet sind.

Die folgenden spezifischen Codebeispiele:

toggle(fn,fn)

toggle() schaltet die aufzurufende Funktion jedes Mal um, wenn darauf geklickt wird. Wenn auf ein passendes Element geklickt wird, wird die erste angegebene Funktion ausgelöst, und wenn erneut auf dasselbe Element geklickt wird, wird die zweite angegebene Funktion ausgelöst. Jeder weitere Klick wiederholt den Aufruf dieser beiden Funktionen nacheinander.

Hinweis: Sie können die Bindung aufheben („Klicken“) zum Löschen verwenden.
Rückgabewert jQuery
Parameter fn (Funktion): Die Funktion, die ausgeführt werden soll, wenn der ungerade Klick ausgeführt wird. fn (Funktion): Die Funktion, die ausgeführt werden soll, wenn der gerade Klick ausgeführt wird.

jQuery-Code (eine Klasse zum Wechseln von Tabellen):

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

Hier ist zu beachten: Umschalten ist nur dann sinnvoll, wenn geklickt wird, Hover ist nur ein Ereignis, bei dem sich die Maus hineinbewegt und raus, und es spielt keine Rolle, ob Sie klicken. Beide können zusammen verwendet werden.

Dann ist dieser Artikel eine Einführung in das Umschalten, um das Umschalten durch Klicken zu erreichen. Ich hoffe, dass jeder ein gewisses Verständnis für die Verwendung der js-Umschaltfunktion hat.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Umschaltfunktion im Beispiel eines js-switching-Effekts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn