Tutoriel d'amélioration de JavaScript - jQuery - Obtenir le contenu et les attributs

Cet article est le tutoriel officiel de formation HTML5 de l'organisation H5EDU. Il présente principalement : Tutoriel d'amélioration de JavaScript - jQuery - Obtention de contenu et d'attributs

jQuery dispose d'une méthode puissante de manipulation des éléments et des attributs HTML.

Fonctionnement du DOM jQuery

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

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

Astuce : DOM = Document Object Model

DOM définit des normes d'accès aux documents HTML et XML :

« Le modèle objet de document du W3C est indépendant de la plateforme et du langage. Une interface qui permet programmes et scripts pour accéder et mettre à jour dynamiquement le contenu, la structure et le style des documents "

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

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

text() - Définit ou renvoie le contenu textuel de l'élément sélectionné
html() - Définit ou renvoie le contenu (y compris les balises HTML) de l'élément sélectionné
val() - Définit ou renvoie la valeur d'un champ de formulaire

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

Exemple

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

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

Exemple

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

Obtenir les attributs - La méthode attr()

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

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

Exemple

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

Ce qui précède est le didacticiel d'amélioration JavaScript. jQuery - Obtenez du contenu et du contenu d'attribut, veuillez faire attention au site Web PHP chinois (www.php.cn) pour plus de contenu connexe !