FC ConcursosFC Concursos

Questão FC373439

Considere o bloco jQuery abaixo, em uma página web onde as referências às bibliotecas necessárias estão corretas. <script> $(document).ready(function(){ $("button").click(function(

Desenvolvimento Web

FCC · 2019

Considere o bloco jQuery abaixo, em uma página web onde as referências às bibliotecas necessárias estão corretas.


<script>
$(document).ready(function(){
 $("button").click(function(){
  ..I..;
 });
});
</script>


Para adicionar ao div com as classes principal e branca, a lacuna I deve ser preenchida por

  1. $("div#caixa").class("principal branca").
  2. $("#caixa").addClass("principal branca").
  3. $("div.caixa").addClass("principal").addClass("branca").
  4. $("div#caixa").appendClass("principal branca").
  5. $(".caixa").addClass("principal branca").
Mostrar resposta e comentário

Gabarito

B

Comentário do professor

O trecho correto é $("#caixa").addClass("principal branca"). Aqui #caixa é o seletor por id, portanto seleciona o elemento cujo atributo id vale "caixa".

A função addClass() do jQuery adiciona uma ou mais classes ao(s) elemento(s) selecionado(s). Quando você passa uma string com nomes separados por espaços, cada nome vira uma classe distinta no atributo class.

Assim, ao executar $("#caixa").addClass("principal branca"); o elemento com id "caixa" passa a ter as classes principal e branca (sem remover outras classes que já existissem).

O método é encadeável e retorna o objeto jQuery, permitindo continuar a manipulação em sequência se necessário.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo