recherche

Maison >interface Web >js tutoriel >contenu de l'élément jquery : html(), text(), val()

contenu de l'élément jquery : html(), text(), val()

无忌哥哥
无忌哥哥original
2018-06-29 14:09:041578parcourir

Contenu de l'élément jquery : html(), text(), val()

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素的内容: html(),text(),val()</title>
</head>
<body>
<div></div>
<form>
邮箱: <input type="text" name="email">
<button>提交</button>
</form>
</body>
</html>

html() est le même que attr(), css() Il a sa propre lecture et ses propres paramètres en fonction. sur les paramètres. Fonction

1. Définir le contenu de l'élément, qui peut inclure n'importe quel contenu : éléments enfants ou texte, le même que l'attribut innerHTML natif

Créer un nœud de texte

var res = $(&#39;div&#39;).html(&#39;jQuery真的好方便&#39;)

Créer un nœud d'élément 

var res = $(&#39;div&#39;).html(&#39;<h2>jQuery真的好方便</h2>&#39;)

Récupérer le contenu de l'élément 

var res = $(&#39;div&#39;).html()

2. Récupérer le contenu du texte dans l'élément : similaire à l'attribut textContent dans le

Obtenez le texte dans une seule étiquette, la balise de sous-élément c1a436a314ed609750bd7c7d319db4da sera automatiquement filtrée, ne laissant que la partie texte 

var res = $(&#39;div&#39;).text()
Si le contenu de l'élément comporte plusieurs sous-éléments , le texte de ces sous-éléments sera fusionné 

var res = $(&#39;div&#39;).html(&#39;<h2>jQuery真的好方便</h2><p>大家要好好学</p>&#39;)
Utilisons d'abord html() pour afficher 

var res = &#39;html()输出:&#39;+$(&#39;div&#39;).html()
, puis utilisons la méthode text() pour afficher et comparer le deux résultats de sortie. Notez que la nouvelle ligne dans la console utilise n

res += &#39;\n&#39; + &#39;text()输出:&#39; + $(&#39;div&#39;).text()
Si text() a des paramètres, il s'agit d'une opération de réglage

var res = $(&#39;div&#39;).text(&#39;祝愿大家早日成为一名合格的Web开发程序员&#39;)
3. dans le contrôle du formulaire : val(), qui est équivalent à l'attribut value de l'élément form en natif 

$(&#39;button&#39;).click(function(){
Lire la valeur de l'attribut value

alert($(&#39;:text&#39;).val())
Définir le valeur de l'attribut value

$(':text').val('zhu@php.cn')
alert($(&#39;:text&#39;).val())
})
Voir les résultats sur la console

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!

jquery css html innerHTML
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
Article précédent：Introduction à l'utilisation de v-bind dans VUEArticle suivant：Introduction à l'utilisation de v-bind dans VUE

Articles Liés

Voir plus