# jQuery.find() : trouver des éléments dans l’arborescence DOM

Avec la méthode jQuery.find() effectuez des recherches ciblées pour des **balises HTML, des classes ou des ID** spécifiques, et ce, sans aucune itération manuelle complexe.

## Méthode jQuery.find() : de quoi s’agit-il ?

En appliquant la méthode jQuery.find() à un objet jQuery en particulier, vous pouvez localiser des éléments au sein de cet objet. **Il s’agit d’une méthode de recherche récursive** : les « enfants » directs de la méthode jQuery.find(parent) sont alors recherchés, au même titre que l’ensemble des éléments imbriqués dans l’arborescence DOM. Vous obtenez alors un nouvel objet jQuery renfermant tous les éléments trouvés. Vous pouvez ensuite choisir de le manipuler ou de vous en servir comme d’une base pour d’autres opérations. Il est par exemple possible d’ajouter une classe à cet objet en utilisant la méthode [jQuery.addClass()](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-addclass/), ou d’y associer d’autres éléments avec la méthode [jQuery.append()](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-append/). En outre, la bibliothèque [jQuery pour WordPress](https://www.ionos.fr/digitalguide/hebergement/blogs/wordpress-jquery/) vous permet de trouver facilement des objets dans votre système de gestion de contenu (ou CMS, pour *Content Management System*).

Conseil Avec l’[hébergement Web](https://www.ionos.fr/hebergement/hebergement-web "Hébergement Web, domaine inclus avec IONOS") proposés par IONOS, profitez de plus de 100 Go pour vos projets Web, mais aussi d’un certificat SSL Wildcard gratuit. Vous avez la possibilité d’améliorer votre offre d’hébergement à tout moment. Si vous avez une question ou que vous rencontrez un problème, l’assistance IONOS et ses spécialistes peuvent vous aider 24 heures sur 24.

## À quoi ressemble la syntaxe de la méthode jQuery.find() ?

La méthode jQuery.find() possède la structure suivante :

```jQuery
$(selector).find(filter)
```

Le terme **filter** est facultatif ; il permet de filtrer encore davantage les éléments trouvés en fonction de [sélecteurs intégrés à jQuery](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-selectors/), par exemple jQuery.find(class) ou encore jQuery.find(id).

Pour en savoir plus sur les sélecteurs, leur orthographe et leurs fonctions, consultez notre [tutoriel jQuery](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/tutoriel-jquery-integration-et-premiers-pas/).

Conseil L’[API IONOS](https://developer.hosting.ionos.fr "API du développeur IONOS") vous permet d’automatiser des tâches et des processus. Ainsi, créez et configurez des ressources sans aucune intervention manuelle. Cette approche autonome vous permet de gagner du temps, mais aussi d’éviter toute erreur potentielle.

## Exemples d’application de la méthode jQuery.find()

Nous allons vous donner un aperçu du nombre de sélecteurs que vous pouvez utiliser comme **filtre** pour la méthode jQuery.find() grâce aux exemples suivants :

```jQuery
// Recherche de tous les éléments <a> à l'intérieur d'un élément <div> avec la classe "container"
$(’.container’).find(’a’);
// Recherche des éléments <li> à l'intérieur d'un élément <ul> avec l'ID "myList"
$(’#myList’).find(’li’);
// Recherche de tous les éléments <input> à l'intérieur d'un élément <form> et filtrage par le type "text"
$(’form’).find(’input[type="text"]’);
```

Vous pouvez aussi associer facilement d’**autres fonctions** à la méthode jQuery.find() :

```jQuery
$("div#container").find("button").addClass("selected");
```

Dans cet exemple, la méthode jQuery.find(element) nous permet de localiser tous les boutons de l’élément `<div>` avec l’ID `container`, et de leur attribuer la classe `selected`.

Conseil Vous souhaitez mettre en ligne rapidement votre site Web ou votre application ? [Deploy Now](https://www.ionos.fr/hebergement/deploy-now "Deploy Now » Déployez vos projets via GitHub avec IONOS") est une solution IONOS qui vous propose un environnement de staging simple, avec une URL de prévisualisation. Grâce à son interface conviviale et à une détection automatique du framework, déployez rapidement et facilement votre application.


This is a markdown version of: [https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-find/](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/jquery-find/) for AI/LLM consumption.