Heim  >  Artikel  >  Web-Frontend  >  Kann JQuery den Wert des Tags abrufen?

Kann JQuery den Wert des Tags abrufen?

WBOY
WBOYOriginal
2022-09-07 16:48:471674Durchsuche

jquery kann den Wert im Tag abrufen; Sie können den Wert im Tag mit dieser Methode abrufen oder festlegen. Die Syntax zum Zurückgeben des Tag-Werts lautet. $(selector).val( );“ lautet die Syntax zum Festlegen des Tag-Werts „$(selector).val(value);“.

Kann JQuery den Wert des Tags abrufen?

Die Betriebsumgebung dieses Artikels: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.

Kann jquery den Wert des Tags abrufen? In jquery können Sie die val()-Methode verwenden, um den Wert des Tags abzurufen oder festzulegen. Die Methode

val() gibt das Wertattribut des ausgewählten Elements zurück oder legt es fest.

Bei Verwendung zur Rückgabe eines Werts:

$(selector).val()

Diese Methode gibt den Wert des Wertattributs des ersten übereinstimmenden Elements zurück.

Bei Verwendung zum Festlegen eines Werts:

$(selector).val(value)

Diese Methode legt den Wert des Wertattributs aller übereinstimmenden Elemente fest.

Example:

GiT den Wert der Einstellung des Eingabetags

<input class="form-control" type="text" id="username" name="username" 
placeholder="" value="初始值" onblur="keyblurfun()">
<input class="form-control" type="text" id="username" name="username"
 placeholder="" value="{{ user.get(&#39;userid&#39;,&#39;&#39;) }}">
<script>
    var username = $("#username").val();   // 获取 id 为 username 的标签的值。
    console.log(username);
    $("#username").val("hello world");     // 设置 id 为 username 的标签的值
    console.log($("#username").val());
</script>

Gte den Wert des textArea -Tags

<textarea class="form-control" id="brief" name="brief" cols=10 rows=6 placeholder="">Java</textarea>
<textarea class="form-control" id="brief" name="brief" cols=10 rows=6 placeholder="">
{{study.get(&#39;brief&#39;,&#39;&#39;)}}</textarea>
<script>
    var content= $("#brief").val();          // 获取 textarea 标签的值    
    console.log(content);            // Java
    $("#brief").val("Python");               // 设置 textarea 标签的值
    console.log($("#brief").val());  // Pyt<span style="color:transparent">来源gaodai#ma#com搞*代#码网</span>hon
</script>

Die Beispiel für die Rückgabe des Tag -Werts lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("input:text").val());
});
});
</script>
</head>
<body>
第一个名称: <input type="text" name="fname" value="Peter"><br>
最后一个名称: <input type="text" name="lname" value="Griffin"><br><br>
<button>返回第一个输入字段的值</button>
</body>
</html>

output Ergebnis:

Kann JQuery den Wert des Tags abrufen?Nach dem Klicken auf die Schaltfläche:

Kann JQuery den Wert des Tags abrufen?Verwandte Tutorial-Empfehlungen:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonKann JQuery den Wert des Tags abrufen?. 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