Colega Tatiannne Nóbrega,
esconder os elementos <p> (tag HTML p) é diferente de esconder os elementos de uma determinada classe (podem ser elementos <p> ou quaisquer outros elementos do HTML).
Por exemplo, considerando o seguinte código HTML:
<html>
<head> Titulo da Página </head>
<body>
<p> Paragrafo 1, sem classe CSS. </p>
<p class="xxx"> Paragrafo 2, com a classe CSS xxx </p>
<h1 class="xxx"> Elemento h1, com a classe CSS xxx </h1>
</body>
</html>
Se aplicarmos a função do JQuery $("p").hide(); sobre este código HTML, os 2 parágrafos serão escondidos, e o elemento <h1> permanecerá visível. Ou seja, escondemos todos os elementos <p>, independente de sua classe CSS.
Agora, para esconder todos os elementos da classe xxx, conforme o enunciado da questão pede, temos que fornecer como parâmetro para o JQuery o nome da classe CSS e não o nome de um elemento HTML. Sabemos que no CSS todo nome de classe deve ser precedido de um caractere ponto (.).
Portanto, o código que oculta todos os elementos HTML da classe xxx é: $(".xxx").hide();
Gabarito: C
Elemento HTML ="nome"
ID CSS ="#nome"
CLASSE CSS = ".nome"
Logo:
Em JQuery, o comando que oculta todos os elementos da classe “xxx” é
A) $("xxx").hide()
Errado. Ocultou o elemento xxx, e não a classe xxx.
B) $("#xxx").hide()
Errado. Ocultou o ID xxx. Pois # = ID.
C) $(".xxx").hide()
Certo. Ocultou a classe xxx
D) $(element_by_class("xxx")).hide()
Errado. Tentou ocultar o elemento xxx. Não apresentou a classe xxx.
E) $(class="xxx").hide()
Errado. Tentou ocultar o elemento xxx. Não apresentou a classe xxx.