Wie die meisten Dinge auf der Welt haben es jedoch einige Nachteile. Einer von ihnen ist, dass es eine direkte Methode zur Deaktivierung einer Taste fehlt. Das bedeutet nicht, dass es unauffällig ist. In diesem Tutorial werden wir diskutieren, wie wir eine Schaltfläche mit JQuery deaktivieren können.”
JQuery Prop -Methode
In JQuery Version 1 hinzugefügt.Mit JQuery können Sie eine Taste mit der Prop () -Methode deaktivieren.
Sie können mehr über den Ursprung der Funktion in der folgenden Ressource erfahren:
https: // api.JQuery.com/prop/
Im Moment werden wir uns darauf konzentrieren, wie Sie diese Methode verwenden, um eine Taste zu deaktivieren.
Schauen wir uns die Syntax der Funktion an und wie wir sie verwenden können. Wie bei allen Jquery -Methoden wird die Funktion prop () auf ein ausgewähltes Element angewendet. In unserem Beispiel verwenden wir eine einfache Taste.
Beginnen wir also zunächst eine einfache Taste erstellen.
Das obige Beispiel zeigt eine sehr einfache Taste mit einer ID mit ID. Wir können dann die ID verwenden, um die Schaltfläche auszuwählen und die Prop -Funktion anzuwenden.
Die Syntax ist wie unten gezeigt:
Im obigen Beispiel öffnen wir das Skript -Tag und fügen unser JavaScript aus der Jquery -Bibliothek hinzu. Wir beginnen mit der Auswahl des Elements, das wir mit seiner ID deaktivieren möchten. Verwenden Sie nach der Auswahl die Prop -Methode und setzen Sie die deaktivierte Eigenschaft auf true ein.
Beachten Sie, dass die Prop -Funktion das Zielattribut als erster Parameter in Stringform akzeptiert. Der zweite Parameter ist der Wert des Attributs in Booleschen Form.
Beispiel
Gehen wir zur Veranschaulichung mit dem Importieren der JQuery -Bibliothek in unsere HTML -Datei importieren.
Wir können dann die Schaltfläche erstellen und deaktivieren, wie im folgenden Beispielcode gezeigt:
Wenn wir die Datei im Browser öffnen, sollten wir feststellen, dass die Schaltfläche deaktiviert ist.
Aktivieren Sie die Taste mit JQuery
Das Gegenteil ist wahr. Wir können die Schaltfläche aktivieren und deaktivieren, indem wir das deaktivierte Attribut in der Prop -Funktion auf False einstellen.
Zum Beispiel:
Im obigen Beispiel sehen wir, dass die Schaltfläche standardmäßig deaktiviert wird, indem die Eigenschaft HTML Deaktiviert eingestellt wird.
Wir können es dann mit JQuery aktivieren, wie oben gezeigt.
Schließen
Dieses kurze Tutorial deckt die Grundlagen der Deaktivierung und Aktivierung einer Taste in JQuery mithilfe der Requisitenfunktion ab. Wenn Sie JQuery Version 1 verwenden.6 und niedriger können Sie die ATT -Funktion verwenden, die ähnlich funktioniert.
Glückliche Codierung!!