Questão de Programação — Linguagens de marcação — FCC 2023

Manipulação de elementos de formulário com jQuery

Gabarito: letra A. Para obter o valor de um elemento de formulário em jQuery, utiliza-se o seletor CSS apropriado (neste caso, o ID #nome) seguido pelo método .val(), que é a forma correta e idiomática de acessar o conteúdo de campos como input, select e textarea.

O jQuery é uma biblioteca JavaScript que simplifica a manipulação do DOM (Document Object Model). Quando queremos interagir com um elemento HTML específico, utilizamos seletores baseados na sintaxe de CSS. O seletor #nome identifica o elemento cujo atributo id é igual a "nome". Uma vez selecionado o elemento, o método .val() é invocado para recuperar o valor atual contido nesse campo.

É fundamental distinguir o jQuery do JavaScript puro (Vanilla JS). Enquanto no jQuery usamos .val() para obter o valor de um campo de formulário, no JavaScript puro acessaríamos a propriedade .value do objeto DOM correspondente. A banca explora justamente essa confusão entre a sintaxe da biblioteca e a propriedade nativa do objeto.

Alternativa A — ✅ Correta ⟵ GABARITO

Utiliza o seletor de ID correto (#nome) e o método adequado do jQuery (.val()) para capturar o valor do campo.

Alternativa B — ❌ Incorreta

O seletor .nome busca por uma classe CSS chamada "nome", e não pelo ID. Como o elemento no enunciado possui id="nome", o seletor correto deve iniciar com #.

Alternativa C — ❌ Incorreta

Embora utilize o seletor de ID correto, tenta utilizar o método .value(), que não existe no jQuery. O método correto para obter valores de formulário na biblioteca é .val().

Alternativa D — ❌ Incorreta

Utiliza um seletor de atributo (input[type=text]) que, embora válido, é menos específico que o ID. Além disso, utiliza a propriedade .value() (que não é um método jQuery) em vez do método .val().

Alternativa E — ❌ Incorreta

A sintaxe id("nome") não é um seletor válido do jQuery. A biblioteca utiliza a sintaxe de seletores CSS dentro da função principal (geralmente representada por $).