jQuery - Obtenir le contenu et les attributs

jQuery dispose de méthodes puissantes pour manipuler les éléments et attributs HTML.

Manipulation du DOM avec jQuery

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

jQuery fournit une série de méthodes liées au DOM qui facilitent l'accès et la manipulation des éléments et des attributs.

lamp DOM = Document Object Model

DOM définit la norme d'accès aux documents HTML et XML :

"Le Document Object Model du W3C est une interface indépendante de la plate-forme et du langage qui permet aux programmes et aux scripts d'accéder et de mettre à jour dynamiquement le contenu, la structure et le style des documents."

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

Trois méthodes jQuery simples et pratiques pour la manipulation du DOM :

  • text()- Définir ou renvoyer le contenu texte des éléments sélectionnés
  • html()- Définir ou renvoyer le contenu des éléments sélectionnés (y compris les balises HTML)
  • val()- Définir ou renvoyer la valeur des champs de formulaire

L'exemple suivant montre comment récupérer le contenu à l'aide des méthodes text() et html() de jQuery :

Exemple

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

Essayez-le vous-même »

L'exemple suivant montre comment obtenir la valeur d'un champ de saisie à l'aide de la méthode val() de jQuery :

Exemple

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

Essayez-le vous-même »

Obtenir les attributs - attr()

La méthode attr() de jQuery est utilisée pour obtenir les valeurs d'attribut.

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

Exemple

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

Essayez-le vous-même »

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

Autres extensions