Questão nº 21
Questão de Tecnologia da Informação - Sistemas de Informação · FCC TRT15 2023 (nº 21)
Considere a existência do código abaixo em um formulário de uma página HTML em condições ideais.
```html
<input type="text" id="nome" />
```
Em um bloco de código jQuery da mesma página, para obter o valor digitado no campo e armazenar na variável nome utiliza-se o comando
- A
var nome = $("#nome").val();(alternativa correta) - B
let nome = $(".nome").val(); - C
var nome = $("#nome").value(); - D
let nome = $("input[type=text]").value(); - E
let nome = $id("nome").val();
Resposta comentada
Gabarito Alternativa A
Para obter o valor de um campo de formulário com jQuery, primeiro você precisa selecionar o elemento HTML e depois usar o método específico do jQuery para pegar seu conteúdo.
(A) Correta: var nome = $("#nome").val();
Este comando está correto. $("#nome") seleciona o elemento HTML que possui o id="nome". O método .val() é o método padrão do jQuery para obter o valor de campos de formulário como <input>, <select> ou <textarea>.
(B) Incorreta: let nome = $(".nome").val();
O seletor $(".nome") é usado para selecionar elementos por sua classe (class="nome"), não por seu ID. O HTML fornecido usa id="nome".
(C) Incorreta: var nome = $("#nome").value();
O seletor $("#nome") está correto para identificar o elemento pelo ID. No entanto, .value() não é um método jQuery. O método correto em jQuery para obter o valor de um campo é .val(). .value é uma propriedade do DOM nativo do JavaScript, não um método jQuery. Esta é a armadilha mais tentadora, pois confunde a propriedade nativa do JavaScript com o método equivalente do jQuery.
(D) Incorreta: let nome = $("input[type=text]").value();
O seletor $("input[type=text]") seleciona todos os elementos <input> que possuem o atributo type="text". Embora possa selecionar o campo desejado se for o único, ele é menos específico que o ID. Mais importante, .value() não é um método jQuery, como explicado na alternativa C.
(E) Incorreta: let nome = $id("nome").val();
$id("nome") não é uma sintaxe padrão do jQuery para selecionar elementos por ID. A sintaxe correta em jQuery para selecionar por ID é $("#nome").
Fonte: FCC TRT15 2023 Técnico Judiciário - Área Apoio Especializado - Especialidade Tecnologia da Informação (Caderno Tipo 001). Reproduzida para fins de estudo.