Explication détaillée des différences d'utilisation des attributs html(), text() et val() dans jquery

Introduction à html(), text() et val()

1 HTML

html() : obtenez le contenu html de la première correspondance. élément. Cette fonction ne peut pas être utilisée avec les documents XML. Mais il peut être utilisé pour XDocuments HTML
html(val) : définit le contenu html de chaque élément correspondant. Cette fonction ne peut pas être utilisée avec les documents XML. Mais il peut être utilisé pour les documents XHTML.

2.TEXT

text() : Obtenez le contenu de tous les éléments correspondants.
Le résultat est le texte combiné à partir du contenu du texte contenu dans tous les éléments correspondants. Cette méthode fonctionne à la fois pour les documents HTML et XML.
text(val) : définit le contenu textuel de tous les éléments correspondants.
Similaire à html(), mais encodera du HTML (remplacez "<" et ">" par les entités HTML correspondantes).

3.VAL

val() : récupère la valeur actuelle du premier élément correspondant.
val(val) : définit la valeur de chaque élément correspondant.

La différence entre html(), text() et val()

Tout d'abord, il y a deux méthodes dans l'attribut html , un avec des paramètres, A sans paramètre
1. HTML sans paramètre() : Obtenez le contenu html du premier élément correspondant. Cette fonction ne peut pas être utilisée avec les documents XML. Mais il peut être utilisé pour les documents XHTML, renvoyant une chaîne
exemple :
code de la page html :

Bonjour

"div").html();
Résultat : Bonjour
2. Paramètre html (val) : Définissez le contenu html de chaque élément correspondant. Cette fonction ne peut pas être utilisée avec les documents XML. Mais il peut être utilisé pour les documents XHTML. Renvoie un objet jquery
code de page html :

code jquery : $("div").html("

Enchanté

") ;
Résultat : [

Ravi de vous rencontrer

]

Deuxièmement, il existe deux méthodes dans l'attribut texte, une avec des paramètres et un sans paramètres
1. Aucun paramètre text() : obtenez le contenu de tous les éléments correspondants. Le résultat est le texte combiné à partir du contenu textuel contenu dans tous les éléments correspondants. Ce qui est renvoyé est un exemple de chaîne
 :
code de page HTML :

Bonjour bien

;
code jquery : $("p").text();
Résultat : HellofineThankyou !

2. Paramètre text (val) : Définissez le contenu du texte de tous les éléments correspondants, avec html. ( ) est similaire, mais encodera du HTML (remplacez "<" et ">" par les entités HTML correspondantes). Renvoie un objet jquery
code de page html :

Test Paragraph.

code jquery : $("p").text("Certains nouveau texte.");
Résultat :[

Certains new text.

]

Enfin, il existe deux méthodes dans l'attribut val(), une avec paramètres et une sans paramètres.
1. Val() sans paramètre : obtenez la valeur actuelle du premier élément correspondant. Dans jQuery 1.2, vous pouvez renvoyer la valeur de n'importe quel élément. Y compris sélectionner. Si plusieurs sélections sont effectuées, un tableau contenant les valeurs sélectionnées sera renvoyé.
renvoie une chaîne, un tableau

instance

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!