jquery set versteckte Schaltfläche

JQuery ist eine schnelle, übersichtliche JavaScript-Bibliothek, die die Programmierung für eine Vielzahl von Aufgaben vereinfacht, einschließlich der Festlegung versteckter Schaltflächen. In diesem Artikel wird erläutert, wie Sie mit JQuery eine ausgeblendete Schaltfläche festlegen.

1. Erstellen Sie zunächst ein Schaltflächenelement auf der HTML-Seite. Die Schaltfläche kann ein Element mit dem Eingabetyp „Schaltfläche“ oder ein „a“-Tag-Element sein.

2. Fügen Sie einen Ereignis-Listener in Javascript hinzu, um die Schaltfläche auszuführen Beim Anklicken wird die gewünschte Funktion angezeigt. Verwenden Sie den JQuery-Selektor, um die entsprechende Schaltfläche auszuwählen.

$('#myButton').click(function() {
// Ihr Code hier
});

3. Verwenden Sie im Event-Handler den JQuery-Selektor und die .toggle()-Methode zur Ausführung auf Schaltfläche Vorgänge ein-/ausblenden. Die Toggle()-Methode schaltet die Sichtbarkeit der Schaltfläche basierend auf ihrem aktuellen Status um. Wenn die Schaltfläche ausgeblendet ist, zeigt diese Methode die Schaltfläche an. Diese Methode verbirgt die Schaltfläche, wenn sie bereits angezeigt wird.

$('#myButton').click(function() {
$('#myButton').toggle();
});

4. Wenn Sie die Schaltfläche animieren müssen, können Sie .toggle verwenden () Methodenparameter. Sie können „langsam“ oder „schnell“ verwenden, um die Dauer der Animation anzugeben, oder Sie können einen numerischen Wert verwenden, um die Zeit in Millisekunden anzugeben.

$('#myButton').click(function() {
$('#myButton').toggle('fast');
});

5. Wenn Sie beim Drücken der Schaltfläche anderen Code ausführen müssen ausgeblendet ist, können Sie die Rückruffunktion von JQuery verwenden. Übergeben Sie die Rückruffunktion als zweiten Parameter der .toggle()-Methode.

$('#myButton').click(function() {
$('#myButton').toggle('fast', function() {

alert('按钮现在已经被隐藏了。');

});
});

6. außer Zusätzlich zur Methode .toggle() bietet JQuery auch die Methoden .show() und .hide() zum Ein- bzw. Ausblenden von Elementen.

$('#myButton').click(function() {
$('#myButton').hide('fast', function() {

alert('按钮现在已经被隐藏了。');

});
});

7. Endlich Wenn Sie beim Ausblenden/Einblenden CSS-Klassen verwenden müssen, können Sie die Methoden .addClass() und .removeClass() verwenden. Diese Methoden fügen dem Element bestimmte CSS-Klassen hinzu oder entfernen sie.

$('#myButton').click(function() {
$('#myButton').addClass('hidden');
});

Das Einrichten versteckter Schaltflächen wird durch die Verwendung von JQuery ganz einfach kann problemlos in anderen JavaScript-Code integriert werden.

Das obige ist der detaillierte Inhalt vonjquery set versteckte Schaltfläche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!