JQuery les méthodes pour la manipulation HTML
Liste des méthodes HTML de jQuery
jQuery cours tutorialToutes 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 |
Par gerywa 25 juillet 2014