# jQuery.find(): Como localizar elementos no DOM

Com o método jQuery.find(), você torna-se capaz de **buscar tags HTML, classes e IDs** de modo preciso, sem a necessidade de realizar iterações manuais complexas.

## O que é jQuery.find()?

Ao aplicar o método jQuery.find() a um objeto jQuery, você conseguirá localizar elementos dentro deste. Essa **busca é feita de forma recursiva**, ou seja: não somente os filhos diretos dos elementos selecionados são buscados, como também todos os elementos aninhados na árvore DOM. Como resultado, você obtém um novo objeto jQuery contendo todos os elementos encontrados — esse objeto pode ser manipulado ou servir de base para outras operações. Por exemplo, você pode adicionar uma classe ao objeto com [jQuery.addClass()](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/addclass-jquery/) ou anexar outros elementos a ele com [jQuery.append()](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/jquery-append/). Além disso, a integração do [jQuery com o WordPress](https://www.ionos.com/pt-br/digitalguide/hospedagem/blogs/wordpress-jquery/ "WordPress e jQuery") permite que você encontre objetos facilmente nesse CMS.

Dica Com o [*webspace*](https://www.ionos.com/hosting/webspace "Get your project online — IONOS") da IONOS, você terá ao menos 10 GB de espaço para armazenar os seus projetos, além de ganhar um certificado SSL Wildcard gratuitamente. O pacote de hospedagem mais econômico custa poucos dólares por mês, e pode ser expandido a qualquer momento, sempre que você precisar. Em caso de dúvidas ou problemas, especialistas técnicos estarão à sua disposição.

## Sintaxe do método jQuery.find()

O método jQuery.find() tem a seguinte estrutura básica:

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

- ***filter***: Parâmetro opcional, usado para filtrar, com mais precisão, elementos encontrados por meio de [seletores jQuery](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/jquery-selector/) adicionais; por exemplo, jQuery.find(id) e jQuery.find(class).

Se você quer aprender mais sobre seletores, suas notações e funções, dê uma olhada no tutorial de jQuery para iniciantes do nosso Digital Guide.

Dica A [API da IONOS](https://developer.hosting.ionos.com "IONOS Developer API") lhe permitirá automatizar diversas tarefas e processos. Com ela, você será capaz de criar e configurar recursos sem a necessidade de intervenções manuais. Os procedimentos automáticos não só economizarão o seu tempo, como também reduzirão o risco de erros.

## Exemplos de uso do método jQuery.find()

Nos exemplos que seguem, mostraremos a variedade de seletores que você pode usar como **filtro** no método jQuery.find():

```jQuery
// Buscar todos os elementos <a> dentro de um elemento <div> com a classe "container"
$('.container').find('a');
// Buscar elementos <li> dentro de um elemento <ul> com o ID "myList"
$('#myList').find('li');
// Buscar todos os elementos <input> dentro de um elemento <form> e filtrar pelo tipo "text"
$('form').find('input[type="text"]');
```

Também é possível combinar o método jQuery.find() com **outras funções**:

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

No exemplo acima, utilizamos a função `jQuery.find(element)` para localizar todos os botões no elemento `<div>` com o ID *container* e adicionar a classe *selected*.

Dica Tem pressa para colocar o seu site ou aplicação no ar? A solução [Deploy Now](https://www.ionos.com/hosting/deploy-now "Deploy Now – IONOS") da IONOS facilita a realização de testes (*staging*) e gera URLs de pré-visualização. Graças à sua interface intuitiva e à detecção automática de *framework*, você será capaz de configurar seu projeto com agilidade e sem complicações.


This is a markdown version of: [https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/jquery-find/](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/jquery-find/) for AI/LLM consumption.