English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Une partie très importante de jQuery est capable de manipuler les éléments du DOM.
jQuery fournit des méthodes efficaces pour manipuler les éléments HTML, les attributs et les CSS.
Ces méthodes vérifient et manipulent les attributs de classe assignés aux éléments :
| Méthode | Description |
|---|---|
| addClass() | Ajouter une ou plusieurs noms de classes à l'élément sélectionné |
| hasClass() | Vérifier si tout ou certains éléments sélectionnés ont la classe spécifiée |
| removeClass() | Supprimer une ou plusieurs classes de l'élément sélectionné |
| toggleClass() | En ajoutant/Basculer entre une ou plusieurs classes sélectionnées de l'élément sélectionné |
Cette méthode nous permet de copier un élément :
| Méthode | Description |
|---|---|
| clone() | Créer une copie profonde de l'élément sélectionné |
Ces méthodes nous permettent d'insérer du nouveau contenu autour du contenu existant :
| Méthode | Description |
|---|---|
| wrap() | Envelopper chaque élément sélectionné avec un élément HTML |
| wrapAll() | Envelopper tous les éléments sélectionnés avec un élément HTML |
| wrapInner() | Envelopper le contenu de chaque élément sélectionné avec un élément HTML |
Ces méthodes nous permettent d'insérer du nouveau contenu dans l'élément existant :
| Méthode | Description |
|---|---|
| append() | Insérer du contenu à la fin de l'élément sélectionné |
| appendTo() | Insérer un élément HTML à la fin de l'élément sélectionné |
| html() | Définir ou obtenir le contenu HTML de l'élément sélectionné |
| prepend() | Insérer du contenu au début de l'élément sélectionné |
| prependTo() | Insérer un élément HTML au début de l'élément sélectionné |
| text() | Définir ou obtenir le contenu texte de l'élément sélectionné |
Ces méthodes nous permettent d'insérer du nouveau contenu en dehors des éléments existants :
| Méthode | Description |
|---|---|
| after() | Insérer du contenu après l'élément sélectionné |
| before() | Insérer du contenu avant l'élément sélectionné |
| insertAfter() | Insérer un élément HTML après l'élément sélectionné |
| insertBefore() | Insérer un élément HTML avant l'élément sélectionné |
Ces méthodes nous permettent de supprimer des éléments du DOM :
| Méthode | Description |
|---|---|
| detach() | Supprimer l'élément sélectionné (conserver les données et les événements) |
| empty() | Supprimer tous les enfants de l'élément sélectionné (y compris les nœuds de texte) |
| remove() | Supprimer l'élément sélectionné (y compris les données et les événements) |
| unwrap() | Supprimer l'élément parent de l'élément sélectionné |
Ces méthodes sont utilisées pour supprimer du contenu du DOM et le remplacer par du nouveau contenu :
| Méthode | Description |
|---|---|
| replaceAll() | Remplacer l'élément sélectionné par un nouveau élément HTML |
| replaceWith() | Remplacer le contenu sélectionné par un nouveau contenu |
Ces méthodes permettent de récupérer et de définir les attributs DOM de l'élément :
| Méthode | Description |
|---|---|
| attr() | Définir ou retourner l'attribut de l'élément sélectionné/Valeur |
| prop() | Définir ou retourner l'attribut de l'élément sélectionné/Valeur |
| removeAttr() | Supprimer une ou plusieurs propriétés de l'élément sélectionné |
| removeProp() | Supprimer les attributs définis par la méthode prop() |
| val() | Définir ou retourner la propriété value de l'élément sélectionné (pour les éléments de formulaire) |
Ces méthodes obtiennent et définissent les attributs CSS associés aux éléments :
| Méthode | Description |
|---|---|
| css() | Définir ou retourner un ou plusieurs attributs de style pour l'élément sélectionné |
| height() | Définir ou retourner la hauteur de l'élément sélectionné |
| innerHeight() | Définir ou retourner la hauteur de l'élément (y compris le remplissage, mais pas la bordure) |
| innerWidth() | Définir ou retourner la largeur de l'élément (y compris le remplissage, mais pas la bordure) |
| offset() | Définir ou retourner les coordonnées d'offset de l'élément sélectionné (par rapport au document) |
| offsetParent() | Retourner le premier élément parent positionné |
| outerHeight() | Définir ou retourner la hauteur de l'élément (y compris le remplissage, la bordure et la marge optionnelle) |
| outerWidth() | Définir ou retourner la largeur de l'élément (y compris le remplissage, la bordure et la marge optionnelle) |
| position() | Retourner la position de l'élément par rapport à l'élément parent décalé |
| scrollLeft() | Définir ou retourner la position de la barre de défilement horizontale de l'élément sélectionné |
| scrollTop() | Définir ou retourner la position de la barre de défilement verticale de l'élément sélectionné |
| width() | Définir ou retourner la largeur de l'élément sélectionné |