Maison > interface Web > js tutoriel > le corps du texte

Utilisation de text() dans les opérations sur les documents jQuery

一个新手
Libérer: 2017-10-06 10:43:01
original
1564 Les gens l'ont consulté

Définition et utilisation
La méthode text() définit ou renvoie le contenu textuel de l'élément sélectionné. Il comprend principalement trois points :
1. Paramètres 2. Retour 3. Utiliser les fonctions pour définir le contenu du texte.

1 Définir le contenu du texte
Lorsque cette méthode est utilisée pour définir une valeur, elle écrase tout le contenu de l'élément sélectionné.
Exemple :
$(selector).text(content)
Parameters content
Description Spécifie le nouveau contenu textuel de l'élément sélectionné. Remarque : les caractères spéciaux seront codés.

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").text("Hello world!");
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">改变所有 p 元素的文本内容</button></body></html>
Copier après la connexion

Utilisation de text() dans les opérations sur les documents jQuery
Le résultat après avoir cliqué :
Utilisation de text() dans les opérations sur les documents jQuery

2. Renvoie le contenu du texte
Quand cette méthode est utilisé Lorsqu'une valeur est renvoyée, elle renvoie le contenu textuel combiné de tous les éléments correspondants (balises HTML supprimées).
$(selector).text()
Par exemple :

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $(".btn1").click(function(){
    alert($("p").text());
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">获得 p 元素的文本内容</button></body></html>
Copier après la connexion

Utilisation de text() dans les opérations sur les documents jQuery
Après avoir cliqué sur
Utilisation de text() dans les opérations sur les documents jQuery
de cette façon, vous souhaitez revenir à la balise La valeur du contenu est renvoyée.
3. Utilisez une fonction pour définir le contenu du texte
Utilisez une fonction pour définir le contenu du texte de tous les éléments sélectionnés.
Syntaxe

$(selector).text(function(index,oldcontent))
Copier après la connexion

Paramètres fonction (index,oldcontent)
Description Obligatoire. Spécifie une fonction qui renvoie le nouveau contenu textuel de l'élément sélectionné.
index - facultatif. Accepte la position d'index du sélecteur.
html - facultatif. Accepte le contenu actuel du sélecteur.

Par exemple,

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){
  $("button").click(function(){
    $("p").text(function(n){
    return "这个 p 元素的 index 是:" + n;
    });
  });
});</script></head><body><p>This is a paragraph.</p><p>This is another paragraph.</p><button class="btn1">改变所有 p 元素的文本内容</button></body></html>
Copier après la connexion

Utilisation de text() dans les opérations sur les documents jQuery
Renvoie le résultat après avoir cliqué sur
Utilisation de text() dans les opérations sur les documents 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal