Recommandation de cours :

Obtenir le contenu et les attributs jQuery

jQuery possède des méthodes puissantes pour manipuler les éléments HTML et les attributs.

Opérations DOM jQuery

Une partie très importante de jQuery est la capacité à manipuler le DOM.

jQuery fournit une série de méthodes liées au DOM, ce qui rend l'accès et la manipulation des éléments et des attributs très faciles.ASTUCE :

DOM = Document Object Model (modèle d'objet de document)

「Le Document Object Model (DOM) W3C est indépendant de la plateforme et du langage, permettant aux programmes et aux scripts d'accéder et de mettre à jour dynamiquement le contenu, la structure et le style du document.»

Obtenir le contenu - text(), html() et val()

Trois méthodes jQuery simples et pratiques pour les opérations DOM :

  • text() - Définir ou retourner le contenu texte sélectionné de l'élément
  • html() - Définir ou retourner le contenu sélectionné de l'élément (y compris les balises HTML)
  • val() - Définir ou retourner la valeur du champ de formulaire

L'exemple suivant montre comment obtenir le contenu via les méthodes jQuery text() et html() :

Exemple

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

Essayez-le vous-même

L'exemple suivant montre comment obtenir la valeur du champ d'entrée via la méthode jQuery val() :

Exemple

$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});

Essayez-le vous-même

Obtenir l'attribut - attr()

La méthode attr() jQuery est utilisée pour obtenir la valeur de l'attribut.

L'exemple suivant montre comment obtenir la valeur de l'attribut href du lien :

Exemple

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

Essayez-le vous-même

Le prochain chapitre expliquera comment définir (modifier) le contenu et les valeurs des attributs.

Manuel de référence HTML jQuery

Pour obtenir des informations complètes sur les méthodes HTML jQuery, veuillez consulter le manuel de référence suivant :