Jquery peut-il obtenir la valeur de la balise ?-Questions et réponses frontales-php.cn

Jquery peut-il obtenir la valeur de la balise ?

WBOY

Libérer： 2022-09-07 16:48:47

original

1740 Les gens l'ont consulté

jquery peut obtenir la valeur dans la balise ; vous pouvez utiliser la méthode val() pour obtenir la valeur dans la balise. Cette méthode peut renvoyer ou définir l'attribut value de l'élément sélectionné. La syntaxe pour renvoyer la valeur de la balise est ". $(selector).val( );", la syntaxe pour définir la valeur de la balise est "$(selector).val(value);".

Jquery peut-il obtenir la valeur de la balise ?

L'environnement d'exploitation de cet article : système Windows 10, jquery version 3.6.0, ordinateur Dell G3.

Jquery peut-il obtenir la valeur de la balise ? Dans jquery, vous pouvez utiliser la méthode val() pour obtenir la valeur de la balise. La méthode val() renvoie ou définit l'attribut value de l'élément sélectionné. La méthode

val() renvoie ou définit l'attribut value de l'élément sélectionné.

Lorsqu'elle est utilisée pour renvoyer une valeur :

$(selector).val()

Copier après la connexion

Cette méthode renvoie la valeur de l'attribut value du premier élément correspondant.

Lorsqu'elle est utilisée pour définir une valeur :

$(selector).val(value)

Copier après la connexion

Cette méthode définit la valeur de l'attribut value de tous les éléments correspondants.

Example:

gez la valeur de l'ensemble de balises d'entrée

<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>

Copier après la connexion

gez la valeur de la balise textarea

<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>

Copier après la connexion

L'exemple de valeur de balise renvoyée est la suivante:

<!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>

Copier après la connexion

output Résultat:

Jquery peut-il obtenir la valeur de la balise ? after en cliquant sur le bouton :