A seguir, uma lista de importantes recursos principais suportados pelo jQuery:

• Manipulação de DOM - O jQuery facilitou a seleção de elementos DOM, a sua travessia e a modificação de seu conteúdo usando o mecanismo seletor de código aberto para vários navegadores chamado Sizzle.
• Manipulação de eventos - O jQuery oferece uma maneira elegante de capturar uma ampla variedade de eventos, como um usuário clicando em um link, sem a ne-cessidade de confundir o próprio código HTML com manipuladores de eventos.
• Suporte AJAX - O jQuery ajuda muito você a desenvolver um site responsivo e repleto de recursos usando a tecnologia AJAX.
• Animações - O jQuery vem com muitos efeitos de animação incorporados que vo-cê pode usar em seus sites.
• Leve - O jQuery é uma biblioteca muito leve - cerca de 19KB de tamanho (Minificado e gzipado).
• Suporte Multiplataforma - O jQuery tem suporte a vários navegadores e funciona bem no IE 6.0+, FF 2.0+, Safari 3.0+, Chrome e Opera 9.0+.
• Tecnologia mais recente - O jQuery suporta seletores CSS3 e sintaxe XPath básica.

2) Como você vai ter certeza de que o DOM está pronto usando o jQuery?

Use a função $(document).ready(). Tudo dentro dele será carregado assim que o DOM for carregado e antes do conteúdo da página ser carregado.

3) O que é $() na biblioteca jQuery?

A função $() é um alias da função jQuery(). Ele é usado para agrupar qualquer objeto no objeto jQuery que, posteriormente, facilita a chamada do objeto jQuery de vários métodos definidos. Você pode passar uma string do seletor para a função $(), e ela retorna um obje-to jQuery que contém uma matriz de todos os elementos DOM correspondentes.

Sintaxe:

$(document).ready(function() {
$("p").css("background-color", "pink");
});

4) Como selecionar elementos usando jQuery com o nome de tag de determinado tag-name?

$('tag-name') seleciona todos os elementos do tipo tag-name no documento.

Por exemplo:

$('p') seleciona todos os parágrafos

no documento.

5) Como saber se uma classe especificada está presente em pelo menos um dos conjuntos de elementos correspondentes usando jQuery?

O método hasClass(class) retorna true se a classe especificada estiver presente em pelo menos um dos conjuntos de elementos correspondentes.

6) Como remover todas ou as classes especificadas do conjunto de elementos corresponden-tes usando jQuery?

O método removeClass(class) remove todas ou as classes especificadas do conjunto de elementos correspondentes.

7) Como selecionar um único elemento usando jQuery com o elemento id some-id?

$('# some-id'), seleciona o único elemento no documento que possui um ID de some-id.

8) Como selecionar elementos usando jQuery cuja classe css é some-class?

$('.some-class') seleciona todos os elementos no documento que possuem uma classe de alguma classe.

9) Qual é o uso do método delay() no JQuery?

O método jQuery delay() é usado para atrasar a execução de funções na fila. É o melhor método para fazer um atraso entre os efeitos da fila do jQuery. O método jQuery delay() define um temporizador para atrasar a execução do próximo item na fila.

Sintaxe:

$(seletor).delay(speed, queueName)

• speed: é um parâmetro opcional. Especifica a velocidade do atraso. Seus valores possíveis são lentos, rápidos e milissegundos.
• queueName: Também é um parâmetro opcional. Especifica o nome da fila. Seu va-lor padrão é "fx", o efeito da fila padrão.

10) Qual é o uso do método css() no JQuery?

O método jQuery css() é usado para obter (retornar) ou definir propriedades de estilo ou valores para elementos selecionados. Isso facilita a obtenção de uma ou mais propriedades de estilo. O jQuery css() fornece duas maneiras:

Retornar uma propriedade CSS:

Ele é usado para obter o valor de uma propriedade CSS especificada.

$(document).ready(function(){
$("button").click(function(){
alert("Background color = " + $("p").css("background-color"));
});
});

Definir uma propriedade CSS:

Esta propriedade é usada para definir um valor específico para todos os elementos correspondentes.

$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color", "violet");
}); });

11) Você pode usar várias funções document.ready() na mesma página?

Sim. Você pode usar qualquer número da função document.ready() na mesma página.

Por exemplo:

$(document).ready(function() {
$("h1").css("background-color", "red");
});
$(document).ready(function() {
$("p").css("background-color", "pink");
});

12) Qual é a diferença entre os métodos find e children?

O método find é usado para localizar todos os níveis na árvore DOM enquanto o método children é usado para encontrar um único nível na árvore DOM.

13) Como adicionar a classe especificada, se ela não estiver presente e remover a classe especificada se ela estiver presente usando jQuery?

O método toggleClass(class) adiciona a classe especificada, se ela não estiver presente, remove a classe especificada, se estiver presente.

14) Como obter o conteúdo html(innerHTML) de um elemento usando jQuery?

O método html() obtém o conteúdo html(innerHTML) do primeiro elemento correspondente.

15) Como definir o conteúdo html de um elemento usando jQuery?

O método html(val) define o conteúdo html de cada elemento correspondente.

16) Como obter o conteúdo de texto de um elemento usando jQuery?

O método text() obtém o conteúdo de texto combinado de todos os elementos correspondentes.

17) Quais são os seletores no jQuery? Quantos tipos de seletores existem no jQuery?

Se você quiser trabalhar com um elemento na página da Web, primeiro precisará encontrá-lo. Seletores localizam os elementos HTML em jQuery. Existem muitos tipos de seletores. Alguns seletores básicos são:

• Nome: É usado para selecionar todos os elementos que correspondem ao nome do elemento em questão.
• #ID: é usado para selecionar um único elemento que corresponda ao ID fornecido.
• .Class: É usado para selecionar todos os elementos que combinam com a Classe dada.
• Universal (*): é usado para selecionar todos os elementos disponíveis em um DOM.
• Elementos Múltiplos E, F, G: É usado para selecionar os resultados combinados de todos os seletores especificados E, F ou G.
• Seletor de atributos: é usado para selecionar elementos com base em seu valor de atributo.

18) Com o filtro jQuery é usado?

O filtro jQuery é usado para filtrar os valores específicos do objeto. Ele filtra o resultado da sua consulta original em elementos específicos.

19) Qual é a diferença entre o seletor de ID e o seletor class em jQuery?

O seletor de ID e o seletor de classe são os mesmos que estão no CSS. O seletor de ID usa o ID, enquanto o seletor de classes usa uma classe para selecionar elementos.

Você usa um seletor de ID para selecionar apenas um elemento. Se você quiser selecionar um grupo de elementos, com a mesma classe CSS, use o seletor de classe.

20) Qual é o uso do método serialize() no JQuery?

O método jQuery serialize() é usado para criar uma cadeia de texto na notação padrão codificada por URL. Ele serializa os valores de formulário para que seus valores serializados possam ser usados na cadeia de consulta de URL ao fazer uma solicitação AJAX.