contenu de l'élément jquery : html(), text(), val()-js tutoriel-php.cn

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

无忌哥哥

Libérer： 2018-06-29 14:09:04

original

1533 Les gens l'ont consulté

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>

Copier après la connexion

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

Copier après la connexion

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

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

Copier après la connexion

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

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

Copier après la connexion

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

Obtenez le texte dans une seule étiquette, la balise de sous-élément

sera automatiquement filtrée, ne laissant que la partie texte

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

Copier après la connexion

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

Copier après la connexion

Utilisons d'abord html() pour afficher

var res = &#39;html()输出:&#39;+$(&#39;div&#39;).html()

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

Lire la valeur de l'attribut value

alert($(&#39;:text&#39;).val())

Copier après la connexion

Définir le valeur de l'attribut value

$(':text').val('zhu@php.cn')
alert($(&#39;:text&#39;).val())
})

Copier après la connexion

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!