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

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

黄舟
Libérer: 2017-01-21 15:58:05
original
1231 Les gens l'ont consulté

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()); });
Copier après la connexion


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()); });
Copier après la connexion


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")); });
Copier après la connexion

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 !


É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