jQuery é uma biblioteca JavaScript rápida, pequena e rica e...

Alternativa correta: B - $("#lista").append("<li>Novo Item</li>")

Essa questão aborda o uso da biblioteca jQuery, uma ferramenta amplamente utilizada para simplificar a manipulação de documentos HTML, manipulação de eventos, animações e operações Ajax. Para resolver a questão, é necessário entender como adicionar dinamicamente elementos a uma lista existente no HTML utilizando jQuery.

Justificativa para a alternativa correta:

A alternativa B está correta porque o método .append() em jQuery é usado especificamente para adicionar conteúdo ao final do(s) elemento(s) selecionado(s). Neste caso, a linha de código $("#lista").append("<li>Novo Item</li>") irá adicionar um novo item <li> com o texto "Novo Item" ao final da lista com o ID "lista".

Análise das alternativas incorretas:

A - $("#lista").add("<li>Novo Item</li>")

Esta alternativa está incorreta porque o método .add() em jQuery não é utilizado para adicionar elementos como filhos de um elemento existente. O método .add() serve para combinar conjuntos de elementos.

C - $("#lista").html("<li>Novo Item</li>");

Esta alternativa está incorreta porque o método .html() substitui o conteúdo HTML interno do elemento selecionado pelo novo conteúdo. Utilizar .html() aqui removeria todos os itens existentes na lista antes de adicionar o novo item, o que não é o objetivo desejado.

D - $("#lista").after("<li>Novo Item</li>");

Esta alternativa está incorreta porque o método .after() insere o novo conteúdo imediatamente após o elemento selecionado, ou seja, fora do elemento com o ID "lista". Portanto, o novo item <li> não seria adicionado como parte da lista.

Com isso, podemos concluir que a alternativa B é a correta, utilizando o método .append() para adicionar um novo item ao final de uma lista existente em jQuery.