Maison  >  Article  >  interface Web  >  Jquery peut-il obtenir la valeur de la balise ?

Jquery peut-il obtenir la valeur de la balise ?

WBOY
WBOYoriginal
2022-09-07 16:48:471676parcourir

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

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)

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>

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>

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>

output Résultat:

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

Jquery peut-il obtenir la valeur de la balise ?Recommandations de tutoriel associées :

Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn