jQuery contient des méthodes puissantes pour changer et manipuler les éléments et attributs HTML.
jQuery DOM Manipulation
Une partie très importante de jQuery est la possibilité de manipuler le DOM.
jQuery est livré avec un tas de méthodes DOM connexes qui font qu'il est facile d'accéder et de manipuler les éléments et attributs.
DOM = Document Object Model
Le DOM définit une norme pour l'accès aux documents HTML et XML:
"Le modèle objetdedocument W3C (DOM) est une interface de plate-forme etunlangage neutre qui permetauxprogrammes etauxscripts d'accéder dynamiquement et mettreàjour le contenu,lastructure etlestyle d'un document."
Obtenez Contenu - text(), html() , et val()
Trois méthodes simples, mais utiles, jQuery pour la manipulation DOM sont:
- text() - Définit ou retourne le contenu du texte des éléments sélectionnés
- html() - Définit ou retourne le contenu des éléments sélectionnés (y compris le balisage HTML)
- val() - Définit ou retourne la valeur des champs de formulaire
L'exemple suivant montre comment obtenir le contenu avec le jQuery text() et html() méthodes:
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 d'un champ de saisie avec le jQuery val() méthode:
Exemple
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
Essayez - le vous - même » Obtenez Attributs - attr()
Le jQuery attr() méthode est utilisée pour obtenir des valeurs d'attribut.
L'exemple suivant montre comment obtenir la valeur de l' href attribut dans un lien:
Le chapitre suivant explique comment définir (changement) de contenu et attributs valeurs.
Testez-vous avec des exercices!
Exercice 1 » Exercice 2» Exercice 3 » Exercice 4»
jQuery HTML référence
Pour un aperçu complet de toutes les méthodes jQuery HTML, s'il vous plaît visitez notre jQuery HTML / CSS Référence .