50+ perguntas e respostas mais comuns da entrevista jQuery (Atualizado em 2021)

O resultado da chamada do método acima é um fundo amarelo nos itens A, B, 1, 2, 3 e C, conforme mostrado na imagem abaixo.

O método .find () seleciona todos os elementos filho do elemento DOM que está sendo percorrido.

Sintaxe na API jQuery .children () para localizar o elemento com

tag com classe “nível 2”.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

O resultado da chamada do método acima é um fundo amarelo nos itens A, B e C, conforme mostrado na imagem abaixo.



O método .children () seleciona elementos de nível único do elemento DOM que está sendo percorrido.

P # 14) Explique vários tipos de seletores e suas funcionalidades no jQuery.

Responda: Os seletores jQuery são usados ​​para localizar / selecionar elementos HTML da hierarquia DOM com base em seus atributos conforme listado abaixo.

• nome
• eu ia
• classe
• modelo
• valores

Os tipos básicos de seletor são:

• Nome
• EU IRIA
• Nome da classe
• Seletor universal como *, que seleciona todos os elementos em um DOM.
• Vários elementos. Exemplo:
• ,

  ,.

• Seletor de atributo, Exemplo: identificar / selecionar elementos com base em seus atributos, como cor, estilo de fonte ou cor de fundo.

Exemplo, de vários elementos e seletores de atributos em jQuery, é explicado abaixo.



No código jQuery acima, o atributo class é um seletor e a cor da fonte do texto dentro do elemento da tag HTML é alterado para verde. Este código afetará / mudará a cor da fonte dos textos dentro de todos aqueles elementos que possuem atributos de classe.

Q # 15) Diferencie entre o seletor de ID e classe em jQuery.

Responda: Cada elemento HTML pode ter apenas um ID, ou seja, um elemento pode ser identificado com um ID único, enquanto você pode usar a mesma classe em vários elementos.

Exemplo de seletor de ID em jQuery para ocultar um elemento DOM com um ID como seu atributo, digamos, elemento com um ID como “gold_coin”

$('#gold_coin').hide();

Se você quiser esconder, diga todos os links que têm sua classe como “brutos”,

$('a.raw').hide();

P # 16) Explique as vantagens dos métodos jQuery Ajax.

Responda: Ajax pode solicitar e receber dados do servidor sem recarregar a página com a ajuda de DOM e JavaScript.

As vantagens de usar métodos Ajax em jQuery estão listadas abaixo:

• Isso nos permite recarregar a página inteira e nos dá a flexibilidade de carregar apenas uma parte da página.
• API simples.
• Suporte para vários navegadores.
• GET e POST são suportados.
• Faça upload de um documento JSON, XML, HTML ou script.

P # 17) Diferencie os métodos onload () e document.ready () jQuery.

Responda: A diferença entre os métodos onload () e document.ready () é que o método onload () do JavaScript será chamado somente depois que todos os objetos no documento da web forem completamente exibidos / carregados.

Já o método document.ready () é chamado quando a estrutura DOM é carregada nos documentos. O método document.ready () é chamado muito rápido quando comparado ao método onload (), pois o último espera até que as imagens sejam completamente exibidas.

P # 18) Explique a funcionalidade do método connect () do jQuery.

Responda: jQuery connect () é um plugin que é usado para conectar / vincular uma função a outra função atribuindo um manipulador. Podemos usar um evento de um elemento DOM usando esta função.

P # 19) Explique resumidamente o bootstrap e o plug-in JavaScript.

Responda: Bootstrap é uma estrutura ou conjunto de ferramentas que inclui HTML, CSS e JavaScript para construir uma página da web ou aplicativo da web. Muitos dos componentes do Bootstrap requerem plug-ins Javascript para funcionar.

Q # 20) Explique os aplicativos para jQuery Mobile.

Responda: jQuery Mobile é uma estrutura compatível com vários navegadores de código aberto projetada para construir aplicativos móveis acessíveis em todos os smartphones, tablets e dispositivos de desktop.

O jQuery Mobile é criado no jQuery e na interface do usuário do jQuery para renderizar vários efeitos especiais, lidar com solicitações / respostas Ajax, eventos de toque, junto com uma variedade de widgets.

Q # 21) Diferencie entre jquery.min.js e jquery.js

Responda: jquery.min.js e jquery.js têm a mesma funcionalidade, jquery.min.js tem todos os espaços vazios removidos a fim de tornar o arquivo menor em tamanho e mais rápido para carregar, resultando na execução do script.

Ter arquivos JS minimizados em um ambiente de produção significa que eles carregarão mais rápido e fornecerão um desempenho de página melhor e mais rápido.

Q # 22) Explique a possibilidade do método jQuery HTML para documentos HTML e XML.

Responda: O método jQuery HTML não está disponível em documentos XML, ele só funciona para documentos HTML.

P # 23) Explique a funcionalidade do jQuery UI (interface do usuário).

Responda: jQuery UI é uma biblioteca jQuery, que fornece a construção de vários objetos de interface de usuário, como várias listas de registros, onde os usuários podem selecionar, classificar, arrastar, soltar e redimensionar elementos DOM particulares.

A biblioteca de interface do usuário também cria widgets integrados, como autocompletar, caixa de seleção, botões de rádio, selecionador de data, menu, etc., bem como adicionar um efeito de ocultar, mostrar ou alternar e outras animações.

P # 24) Explique a funcionalidade de um plug-in Data Table para jQuery.

Responda: Tabela de dados é um plug-in jQuery que, quando aplicado a registros, é exibido em uma forma tabular.

Podemos classificar os dados em colunas únicas ou múltiplas, pesquisar o registro específico, adicionar paginação, registros por página e navegar pelos registros em uma tabela. A Tabela de dados pode ser aplicada a dados estáticos, Array, dados em JSON, bem como resposta AJAX.

P # 25) Explique qualquer uma das vantagens de hospedar um jQuery do CDN.

Responda: Hospedar jQuery da Content Delivery Network (CDN) ajuda na alta disponibilidade e alto desempenho a um custo mais baixo e baixa carga de rede, latência aprimorada (menos tempo é levado para enviar e receber um pacote de dados do servidor), oferece uma versão específica do dispositivo de conteúdos.

Exemplo: Capacidade de resposta para o tamanho da tela do celular e capacidade de armazenamento segura para dados ou arquivos confidenciais.

Q # 26) Identifique qualquer diferença entre .detach () e .remove () de jQuery.

Responda: O método detach () do jQuery remove o elemento selecionado, porém retém dados e eventos. O método .remove () do jQuery remove elementos, dados e eventos.

P # 27) Posso usar uma biblioteca jQuery para scripts de servidor?

Responda: jQuery é uma biblioteca Javascript de script do lado do cliente. Não pode ser usado para scripts do lado do servidor.

P # 28) Você pode dar algumas situações ou cenários para usar jQuery?

Responda:

Podemos usar jQuery nas seguintes situações / cenários:

• Podemos aplicar uma função jQuery que pode alterar a propriedade estática ou dinâmica do CSS.
• Podemos chamar funções em eventos como eventos de formulário, eventos de teclado, eventos de mouse, eventos de navegador com a ajuda de jQuery.
• Podemos manipular (adicionar, editar ou excluir) elementos DOM usando jQuery.
• jQuery pode ser usado para efeitos de animação no elemento HTML, mudando gradualmente sua posição estática para outra posição.

Q # 29) Liste os quatro parâmetros usados ​​para o método jQuery Ajax.

Responda: Endereço URL para onde a solicitação é enviada, Tipo de solicitação viz GET ou POST, Dados / conteúdo a ser enviado ao servidor e condição para o navegador permitir ou não armazenar em cache a página solicitada são os quatro parâmetros usados ​​para o método jQuery Ajax.

P # 30) Explique a funcionalidade do filtro jQuery.

Responda: .filter () em jQuery irá verificar o elemento correspondido e o atributo pode ser adicionado ao elemento correspondido.

Por exemplo, para o .filter (), pode ser como mostrado abaixo.



A linha de código na API jQuery.filter () para localizar / filtrar os elementos da lista são as seguintes.

$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );

O resultado da chamada do método acima é um fundo amarelo para textos de Física, Matemática, História, Francês, etc. que está no índice 0, 2, 4 e assim por diante, (lembre-se de que o índice começa em 0, portanto, 0 é um par) como mostrado na imagem abaixo.



Q # 31) Que caractere especial é usado como um atalho para jQuery?

Responda: $ é usado no lugar de jQuery,

Exemplo: jQuery (document) .ready (function (); pode ser usado como $ (document) .ready (function ()

P # 32) Explique as diferentes maneiras em que podemos depurar o jQuery.

Responda: Existem algumas maneiras pelas quais podemos depurar o código jQuery.

Navegadores modernos, como Google Chrome, Mozilla Firefox, Opera e Safari têm um depurador Javascript integrado. Para depurar o código jQuery, pressione F12 em seu teclado e o navegador com o depurador integrado abrirá uma IU, onde selecione o menu ‘Console’. O erro será exibido no menu do console, se houver.

Você pode escrever console.log () no código para obter o texto do erro, você também pode escrever um depurador; entre a linha de código, devido ao depurador, o script irá iniciar no modo de depuração, pressionando F12 no navegador irá abrir o console que irá depurar o código, pressionando F10 irá ler os valores dos objetos jQuery, e é assim que podemos depurar o código jQuery .

Q # 33) Explique as maneiras possíveis em que podemos incluir jQuery em uma página.

Responda: Você pode baixar a versão de produção compactada jquery-3.4.1.min.js em https://jquery.com/download/ site e salvá-la na pasta lib na pasta do projeto.

eu) Podemos referenciar o jquery da pasta local em project / lib / Scripts conforme abaixo.

ii) Podemos fazer referência a sites de rede de distribuição de conteúdo, como Microsoft CDN, conforme abaixo.

Q # 34) Explique a funcionalidade do método .each () em jQuery.

Responda: jQuery .each () é usado para iterar / listar o elemento DOM presente no objeto jQuery.

Exemplo

var veg_list = { Onion, Capsicum, Sweet Potato, Cauliflower, Bitter Gourd, Brinjal }; $.each(veg_list, function (index, value) { console.log(value); }); // displays output as Onion Capsicum Sweet Potato, Cauliflower Bitter Gourd Brinjal

P # 35) Diferencie entre os métodos .prop () e .attr () do jQuery.

Responda: A seguir está a diferença entre .prop () e .attr ().

Exemplo:



O código jQuery contém o método attr () que modifica os valores dos atributos de uma imagem, conforme mostrado abaixo.



O método .attr () do jQuery muda atributos como largura e borda da imagem.

$ (seletor) .attr (atributo do elemento, valor para o qual os atributos são alterados).

O método .prop () em jQuery é usado para retornar e modificar propriedades DOM, como estado verificado, selecionado ou desabilitado.

Pink


Para o tipo de entrada como uma caixa de seleção, o valor é rosa e a propriedade DOM está marcada,



O código jQuery contém o método prop () que modifica a propriedade de exibição de um elemento.



O método .attr () nos ajuda a selecionar um valor que é “rosa” aqui, enquanto o método .prop () seleciona a propriedade que está “marcada” aqui.

P # 36) Explique a funcionalidade do jQuery.noConflict.

Responda: O método noConflict () do jQuery é aplicado para resolver conflitos quando precisamos usar estruturas diferentes do jQuery.

Por exemplo, muitas bibliotecas JavaScript, como Mootools, prototype, zepto, etc. usam $, um nome de função ou variável, que é usado como uma substituição de texto jQuery no código jQuery e, em tais casos, o método .noConflict () permite usar $ identificador de atalho, permitindo que outros scripts o usem.

Q # 37) Diferencie entre largura () e css ('largura') em jQuery.

Responda: Existem dois métodos diferentes em jQuery para alterar a largura de um elemento. A primeira maneira é usar .css (propriedade) e a outra maneira é usar .property ().

Exemplo:

$(selector).css(property,value_change); $(selector).property(value_change);

Em .css (propriedade), que neste caso é a largura, temos que adicionar px em value_change, digamos 300px.

Podemos usar .property (value_change), que neste caso é largura, e você não precisa adicionar px, mas valor direto.

Q # 38) Onde podemos aplicar o método param () em jQuery?

Responda: Podemos exibir array, objeto simples ou objeto jquery na forma de um fluxo de bytes para que eles possam ser armazenados na memória, arquivo ou banco de dados usando o método param () em jQuery.

Q # 39) Diferencie entre $ (this) e this no jQuery.

Responda: $ (this) é um objeto jQuery, enquanto isso é uma referência de objeto global do JavaScript, usando isso podemos referir o elemento DOM no documento HTML.

$ (this) faz referência ao objeto pai, enquanto isso se refere a um elemento DOM, que no caso de uma matriz, representa um objeto com o método .each (), que exibe a iteração atual.

Q # 40) Descreva a funcionalidade de ler cookies, escrever cookies e excluir cookies em jQuery.

Responda: Quando sites são visitados, cookies são valores de dados como o nome do usuário que ficam armazenados em pequenos arquivos de texto no computador. Ao revisitar sites, os cookies ajudam a lembrar o nome do usuário. JavaScript e jQuery criam, lêem e excluem cookies, com a propriedade document.cookie.

P # 41) Qual é o uso do método serialize () em jQuery?

Responda: Ele serializa os valores do formulário para que seus valores serializados possam ser usados ​​na string de consulta de URL ao fazer uma solicitação AJAX.

O método .serialize () de jQuery retorna os valores de entrada do formulário HTML na forma de string.

Q # 42) Qual é o uso do método val () em jQuery?

Responda: O método .val () ajuda a encontrar o valor de um atributo do elemento HTML. Por exemplo, elementos de formulário, como input, select e textarea. Val () também é aplicado para encontrar o valor de todos os elementos correspondentes nas caixas de seleção e botões de opção, bem como em uma lista suspensa.

Exemplo explicado com sintaxe

// form elements such as dropdown with select tag and id mylst, the value of the selected option will have syntax as below $( 'select#mylst option:checked' ).val(); // form element such as a set of radio buttons with input type as radio and name rdobtn, the value can be retrieved $( 'input(type=radio)(name=rdobtn):checked' ).val();

Q # 43) O que é o encadeamento de métodos em jQuery? Que vantagens oferece?

Responda: Com o encadeamento de métodos jQuery, várias ações podem ser aplicadas em uma única linha de código, pois todos os métodos retornam objetos jQuery que podem ser utilizados para chamar outro método.

Sem o encadeamento, os métodos jQuery são chamados um após o outro em uma linha separada, enquanto com o encadeamento, os métodos jQuery são escritos em uma única linha de código separada por pontos.

implementar tabela hash c ++

Sem encadear várias linhas de código que precisam ser escritas, fazendo com que o jQuery pesquise todo o DOM para o elemento correspondente, então métodos únicos em cada linha de código são aplicados. Considerando que o encadeamento precisa apenas de uma seleção única de um elemento correspondente do DOM, melhorando o desempenho.

Q # 44) Qual é a diferença entre jQuery.get () e jQuery.ajax ()?

Responda: O método jQuery.ajax () é usado para enviar solicitações HTTP Ajax, enquanto o método jQuery.get () é usado para enviar solicitações HTTP GET para carregar dados do servidor.

Q # 45) O que é QUnit?

Responda: QUnit é uma estrutura que testa o código JavaScript escrito para jQuery, jQuery UI e jQuery Mobile, usa asserções e acessórios de teste para verificar os resultados esperados.

Q # 46) Como jQuery armazena dados relacionados a um elemento?

Responda: O método jQuery.data () ajuda a anexar qualquer tipo de dado a elementos DOM, sem vazamentos de memória. jQuery garante que os dados sejam removidos junto com os elementos DOM removidos por meio de métodos jQuery.

Código para armazenar e recuperar dados relacionados a um elemento.

$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}

P # 47) Você pode explicar os vários procedimentos de extração de uma string de consulta com expressões regulares?

Responda: Podemos realizar a extração de uma string de consulta com expressão regular das duas maneiras a seguir.

1. Abordagem baseada em strings: Este método ajuda a derivar String comparando expressões regulares equivalentes, usando o método .replace ().
2. Abordagem de expressão regular: Um método mais poderoso para extrair uma string de consulta e um padrão deve ser usado, quando comparado com strings em JavaScript. Usando os métodos .exec () e .test () para comparar com padrões. match (), matchAll (), replace (), search () e split () são outros poucos métodos para String.

Q # 48) Explique o conceito do método de acabamento em jQuery.

Responda: Para interromper todas as animações enfileiradas e ajudá-las a colocar em seu estado final, o método .finish () é usado.

Q # 49) Diferencie entre chamar stop (true, true) e o método de término.

Responda: O método .finish () ajuda a limpar a fila e ajuda as animações a entrarem em seu estado final, enquanto o método .stop () é chamado em um elemento, forçando a animação em execução no momento a parar instantaneamente.

P # 50) Como você pode escrever um código específico do navegador usando jQuery?

Responda: Podemos escrever código específico do navegador em jQuery usando navigator.userAgent para identificar o navegador do Internet Explorer, Chrome, Firefox, Safari e Opera, conforme o código escrito abaixo.

if (navigator.userAgent.search('MSIE') >= 0) { // JQuery Code once navigator.userAgent identifies Microsoft Internet Explorer browser. } else if (navigator.userAgent.search('Chrome') >= 0) { // JQuery Code once navigator.userAgent identifies Google Chrome browser. } else if (navigator.userAgent.search('Firefox') >= 0) { // JQuery Code once navigator.userAgent identifies Mozilla Firefox browser. } else if (navigator.userAgent.search('Safari') >= 0 && navigator.userAgent.search('Chrome') <0) { // JQuery Code once navigator.userAgent identifies either Safari or Chrome browser type. } else if (navigator.userAgent.search('Opera')>= 0) { // JQuery Code once navigator.userAgent identifies Opera browser. }

Q # 51) Qual é o procedimento para verificar o tipo de dados de qualquer variável em jQuery?

Responda: O tipo de função jQuery () é usado para identificar o tipo de dados de qualquer variável, como array, string, número, função ou tipo de dados de objeto.

Conclusão

jQuery é uma biblioteca JavaScript de manipulação de modelo de objeto de documento, usada principalmente na passagem de documentos HTML e no desenvolvimento de JavaScript entre navegadores que cria animações DOM e Ajax para gerenciar eventos do navegador.

Espero que você tenha achado as respostas para as perguntas mais frequentes das entrevistas no ‘jQuery’ de grande ajuda. Pratique o máximo de perguntas possível e seja confiante.

Tudo de bom para sua entrevista !!

Leitura recomendada

• Perguntas e respostas da entrevista
• Perguntas e respostas da entrevista de teste de ETL
• 50 principais perguntas e respostas da entrevista do Salesforce (Atualizado em 2021)
• Algumas perguntas e respostas complicadas de testes manuais
• As 50 perguntas e respostas mais populares da entrevista do CCNA
• 51 principais perguntas e respostas da entrevista de bootstrap
• Mais de 50 perguntas e respostas para entrevistas em bancos de dados
• 25 melhores perguntas e respostas da entrevista para testes ágeis