Heim >Web-Frontend >js-Tutorial >So ändern Sie den Wert eines Elementobjekts in jquery

So ändern Sie den Wert eines Elementobjekts in jquery

WBOY
WBOYOriginal
2021-11-23 18:06:114273Durchsuche

So ändern Sie den Objektwert in jquery: 1. Verwenden Sie die Anweisung „$(element)“, um das angegebene Elementobjekt abzurufen. 2. Verwenden Sie die val()-Methode, um den Wert des erhaltenen Elementobjekts zu ändern „Element object.val(neuer Wert)“.

So ändern Sie den Wert eines Elementobjekts in jquery

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.

Wie jquery den Wert eines Elementobjekts ändert

In jquery können Sie die val()-Methode verwenden, um den Wert des Objekts zu ändern oder den Wert des ausgewählten Elements festzulegen . Der Wert eines Elements wird über das Value-Attribut festgelegt. Diese Methode wird hauptsächlich für Eingabeelemente verwendet. Wenn diese Methode keine Parameter setzt, gibt sie den aktuellen Wert des ausgewählten Elements zurück.

Die Syntax dieser Methode lautet:

$(selector).val(value)

Nehmen wir ein Beispiel, um zu sehen, wie der Wert des Objekts geändert wird:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie jquery ändert den Eingabewert. Verwenden Sie innerhalb des p-Tags das Eingabe-Tag, um ein Texteingabefeld zu erstellen und den Wert auf „Standardwert“ festzulegen. Setzen Sie das ID-Attribut der Eingabe auf testinput. Dies wird hauptsächlich verwendet, um das Eingabeobjekt über diese ID unten abzurufen.

Erstellen Sie eine Schaltfläche mithilfe des Schaltflächen-Tags mit dem Schaltflächennamen „Wert ändern“. Binden Sie das Onclick-Click-Ereignis an die Schaltfläche. Wenn auf die Schaltfläche geklickt wird, wird die Funktion setny() ausgeführt.

So ändern Sie den Wert eines Elementobjekts in jquery

2. Erstellen Sie im js-Tag die Funktion setny(). Rufen Sie innerhalb der Funktion das Eingabeobjekt über id(testinput) ab und verwenden Sie die val()-Methode, um den Wert der Eingabe zu ändern. Stellen Sie den Wert beispielsweise auf „Dies ist der neue Wert“ ein.

So ändern Sie den Wert eines Elementobjekts in jquery

Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um den Effekt zu sehen.

So ändern Sie den Wert eines Elementobjekts in jquery

Nach dem Klicken auf die Schaltfläche:

So ändern Sie den Wert eines Elementobjekts in jquery

Zusammenfassung:

1. Erstellen Sie eine test.html-Datei.

2. Verwenden Sie in der Datei das Eingabe-Tag, um ein Texteingabefeld zu erstellen, setzen Sie den Wert auf „Standardwert“ und erstellen Sie eine Schaltfläche, um die Ausführung der js-Funktion auszulösen.

3. Erstellen Sie eine Funktion im js-Tag, rufen Sie das Eingabeobjekt ab und verwenden Sie die val()-Methode, um den Wert der Eingabe zu ändern.

Hinweis: Die Methode

val() kann nicht nur den Wert der Eingabe ändern, sondern auch den Wert der Eingabe ermitteln.

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Wert eines Elementobjekts in jquery. 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