Introdução aos Métodos jQuery

Se você está surpreso com a palavra jQuery, deixe-me explicar primeiro o que é jQuery. O jQuery é uma das bibliotecas javascript mais populares para criar sites ou aplicativos da web. Ele foi especialmente projetado para resolver a manipulação de eventos e manipulação de árvore html dom, bem como travessia de árvore html dom, transição css e animação css com suporte ao manuseio de ajax. Também é de código aberto e gratuito sob a licença gnu. Neste tópico, vamos aprender sobre os métodos jQuery.

O jQuery é muito fácil de aprender, pois simplifica a programação javascript. O JQuery é compatível com css3, compatibilidade entre navegadores e tem pegadas leves muito baixas. Em resumo, podemos dizer que o jQuery mudou o caminho para os desenvolvedores que costumavam escrever seus longos códigos em javascript. O jQuery fornece um método diferente para manipulação de dom, m transversal, manipulação de eventos ou acionamento de eventos, manipulação de atributos, manipulação de dimensões, manipulação de css e animações.

Tipos de métodos jQuery

Aqui vamos aprender os diferentes tipos de métodos jQuery fornecidos abaixo

1) Manipulação Dom

O que quer que usemos, esses métodos, no final, estão focados na mudança de eventos dom. Em outras palavras, podemos dizer que usando esses métodos estamos manipulando dom. Alguns dos métodos jQuery de manipulação de dom são:

  • addClass (): no conjunto de elementos correspondentes, ele adiciona a classe ou classes especificadas a cada elemento.
  • after (): no conjunto de elementos correspondentes, insira dados ou conteúdo especificado pelo parâmetro após cada tag de elemento.
  • append (): Em poucas palavras, podemos dizer que, usando esse método, inserimos dados ou conteúdo no elemento específico.
  • attr (): este método fornece o valor do atributo do elemento em particular.
  • before (): Usando este método, podemos inserir qualquer dado ou conteúdo antes de cada elemento especificado.
  • clone (): Usando esse método, copiamos profundamente o elemento de origem.
  • css (): Usando este método, alteramos o css do elemento especificado.
  • detach (): Usando esse método, simplesmente excluímos o elemento especificado da árvore dom.
  • hasClass (): Usando esse método, encontramos a classe especificada anexada ao elemento específico.
  • empty (): esse método exclui todos os nós filhos anexados à árvore dom do elemento específico.
  • height (): este método fornece o valor da altura do elemento especificado.
  • offset (): este método define a coordenada do elemento especificado em relação ao documento.
  • position (): esse método obtém a posição atual do elemento especificado em relação ao elemento pai.
  • prop (): este método fornece o valor da propriedade do elemento atualmente selecionado.
  • replaceAll (): este método substitui todo o elemento de destino pelo elemento especificado.
  • text (): este método define ou obtém o valor da string de texto dos elementos especificados.
  • Val (): este método fornece o valor atual dos primeiros elementos especificados.
  • width (): este método fornece o valor calculado da largura dos elementos especificados.
  • wrap (): esse método envolve a estrutura html específica em torno de cada elemento nos conjuntos de elementos especificados.
  • wrapInner (): esse método envolve a estrutura html em torno do conteúdo de cada elemento especificado.

2) Atravessar

Esse método nos ajuda a navegar de um elemento dom para outros elementos dom, seguindo uma hierarquia pai-filho. Alguns dos métodos de deslocamento são:

  • add (): esse método cria um novo objeto jQuery e o adiciona aos elementos especificados.
  • addBack (): esse método adiciona um conjunto anterior do elemento jQuery ao elemento atual da pilha.
  • children (): esses métodos encontram o elemento filho de cada elemento especificado.
  • closest (): este método localiza o elemento que corresponde primeiro ao seletor.
  • contents (): este método localiza o conteúdo do elemento especificado, incluindo nós de comentários e texto.
  • each (): este método itera através de um loop, o que significa que esse método será aplicado a todos os elementos especificados relacionados a ele.
  • end (): esse método finaliza a tarefa de filtragem mais recente e retorna seu elemento correspondente ao estado anterior.
  • eq (): este método reduz o conjunto do elemento especificado para um no índice especificado.
  • filter (): este método fornece o elemento especificado com base no filtro que fornecemos.
  • first (): Este método fornece o elemento especificado com base no seletor que você forneceu.
  • has (): este método fornece o conjunto de elemento ou seletor especificado.
  • map (): esse método retorna um novo valor de um objeto jQuery com base em uma função que é passada por cada elemento.
  • next (): este método fornece imediatamente o próximo irmão do elemento selecionado em particular.
  • parent (): este método fornece ao pai a seleção do elemento especificado.
  • prev (): esse método fornece um irmão anterior imediato dos elementos especificados no momento.

3) Disparo de Eventos

Utilizando este método, registramos alterações na manipulação do dom que terão efeito ao interagir com o navegador. Alguns dos métodos jQuery de manipulação de eventos são:

  • bind (): este método anexa uma manipulação de eventos ao elemento especificado.
  • blur (): esse método vincula um evento javascript de blur ao elemento especificado.
  • change (): esse evento liga o elemento especificado ao elemento javascript change.
  • click (): este método vincula um evento click javascript ao elemento especificado.
  • delegate (): este método anexa um ou mais de um evento ao conjunto especificado do elemento.
  • die (): esse método remove qualquer tipo de manipulação de evento javascript anexado ao conjunto do elemento especificado.
  • error (): este método anexa uma manipulação de evento de erro ao conjunto especificado do elemento.
  • focus (): esses métodos vinculam uma manipulação de evento de foco ao conjunto especificado do elemento.
  • hover (): este método vincula uma manipulação de evento de foco ao conjunto especificado do elemento.

Bem, tentei incluir o número máximo possível de métodos jQuery usados ​​em nosso processo de desenvolvimento diário. Além desses, existem muitos outros métodos jQuery que precisam ser estudados. Todos os dias há algum desenvolvimento nos métodos jQuery. Portanto, toda vez que o jQuery lança sua versão, eles incluem vários novos métodos do jQuery.

Artigos recomendados

Este é um guia para métodos jQuery. Aqui discutimos os diferentes tipos de métodos jQuery, como métodos de manipulação de Dom, métodos de acionamento e acionamento de eventos, etc. Você também pode consultar o seguinte artigo para saber mais -

  1. Como instalar o Jquery?
  2. O que é jQuery?
  3. O que é o PostgreSQL?
  4. Ferramentas de Gerenciamento SQL
  5. jQuery querySelector
  6. Guia de exemplos da barra de progresso do JQuery

Categoria:

Desenvolvimento de software