JQuery les méthodes pour la manipulation HTML

Somaire

Liste des méthodes HTML de jQuery

jQuery cours tutorial

Toutes les méthodes dans le tableau ci-dessous manipulent le DOM d'une certaine manière.

Quelques-unes d'entre elles changent simplement un des attributs d'un élément, tandis que d'autres servent pour définir les propriétés de style d'un élément .

Alors que d'autres modifient les éléments de l'ensemble (ou groupes d'éléments) eux-mêmes insertion, copier, supprimer et ainsi de suite.

Toutes ces méthodes sont appelées setters, car ils changent les valeurs des propriétés.
Quelques-unes de ces méthodes telles que .attr(), .html()et .val() agissent aussi comme "getters," récupération des informations à  partir d'éléments DOM pour une utilisation ultérieure.

Le tableau suivant répertorie toutes les méthodes utilisées pour manipuler le DOM.

Méthode Description
addClass() Ajouter la classe spécifiée à  chacun de l'ensemble des éléments sélectionnés
After() Insérer le contenu spécifié par le paramètre, après chaque élément dans l'ensemble des éléments sélectionnés
Append() Insère le contenu à  la fin des éléments sélectionnés (toujours à  l'intérieur)
appendTo() Insère le contenu à  la fin des éléments sélectionnés ( toujours à  l'intérieur)
attr() Définit ou renvoie un attribut et sa valeur des éléments sélectionnés
Before() Insérer le contenu, spécifié par le paramètre, avant chaque élément dans l'ensemble des éléments sélectionnés
Css() Obtenir la valeur d'une propriété de style pour le premier élément dans l'ensemble des éléments sélectionnés.
clone() Créer une copie des éléments sélectionnés
Detach() Supprime les éléments sélectionné (en conservant une copie )
Empty() Supprime tous les éléments enfants et leurs contenus des éléments sélectionnés
hasClass() Vérifie si un des éléments sélectionnés a une classe spécifiée (pour les CSS)
html() Définit ou renvoie le contenu des éléments sélectionnés
innerHeight() Renvoie la hauteur calculée actuelle pour le premier élément dans l'ensemble des éléments sélectionnés, y compris le padding, mais pas la frontière.
innerWidth() Renvoie la largeur calculée actuelle pour le premier élément dans l'ensemble des éléments sélectionnés, y compris le padding, mais pas la frontière.
insertAfter() Insère des balises HTML ou des éléments après les éléments sélectionnés
insertBefore() Insère des balises HTML ou des éléments avant les éléments sélectionnés
offset() Renvoie les coordonnées actuelles du premier élément dans l'ensemble des éléments sélectionnés, par rapport au document.
position() Obtenez les coordonnées actuelles du premier élément dans l'ensemble des éléments sélectionnés, par rapport à  son parent.
Prepend() Insère le contenu au début des éléments sélectionné (toujours à  l'intérieur)
prependTo() Insère le contenu au début des éléments sélectionné (toujours à  l'intérieur)
prop() Obtenir ou définir une propriété de l'élément sélectionné
Remove() Supprime les éléments sélectionnés
removeAttr() Supprime un attribut des éléments sélectionnés
removeClass() Supprime une ou plusieurs classes des éléments sélectionnés (pour les CSS)
replaceAll() Remplace le contenu des éléments sélectionnés avec un nouveau contenu
replaceWith() Remplace le contenu des éléments sélectionnés avec un nouveau contenu
ScrollLeft() Renvoie la position horizontale actuelle de la barre de défilement pour le premier élément dans l'ensemble des éléments sélectionnés.
scrollTop() Obtenir la position verticale actuelle de la barre de défilement pour le premier élément dans l'ensemble des éléments assortis.
Text() Définit ou renvoie le contenu texte des éléments sélectionnés
toggleClass() Bascule entre Ajout et suppression d'une ou plusieurs classes (pour les CSS) des éléments sélectionnés
Unwrap() Supprime l'élément parent des éléments sélectionnés
Val() Définit ou renvoie l'attribut value des éléments sélectionnés (pour les éléments de formulaire)
Wrap() Envelopper d'une structure HTML chaque élément dans l'ensemble des éléments sélectionné
wrapAll() Envelopper d'une structure HTML  tous les éléments dans l'ensemble des éléments sélectionnés


JQuery les méthodes pour manipuler HTML
Par gerywa 25 juillet 2014