jQuery é uma biblioteca JavaScript leve que torna mais fácil usar JavaScript na página web.

pode executar a sua acção em menos código em comparação com JavaScript.

Isto torna mais simples manipular os documentos HTML, atravessar, lidar com eventos e executar o pedido AJAX.

compatível com a maioria dos navegadores e suporta selectores CSS3 para encontrar e estilo manipulação de propriedade.,

Conteúdo

  1. e
  2. Inicializar
  3. arquivo Externo
  4. Conclusão

1. Baixar e incluir

  • navegar para o site oficial da jQuery.
  • a biblioteca está disponível em duas versões – comprimidas e não comprimidas. O comprimido tem menos tamanho em comparação com o não comprimido porque não tem espaços brancos e comentários extra. A versão não-comprimida é legível e mais fácil de depurar.
  • descarregue a versão comprimida.,
  • Use<script > to include library in HTML either in <head> or <body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
  • Pode também usar o CDN disponível para incluir a biblioteca.

o Google CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

a Microsoft CDN

<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>

2. Inicializar

na página web escreva o seu código jQuery dentro do estado Pronto do documento no id

tag.

exemplo

no exemplo, usei a biblioteca CDN e um evento definido no botão., No botão mudar o valor do elemento textbox.

Saída

Clique no botão.

3. Ficheiro externo

  • crie um novo ficheiro script.js e coloque o programa acima nele.
  • incluem o script.js após a biblioteca jQuery.

script.js

$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});

índice.html

saída

carregue no botão.4. Conclusão

pode usar a biblioteca jQuery externa ou a versão CDN para incluir o programa.,

Se você criou um script externo e usando jQuery nele, então ele deve ser incluído APÓS jQuery library script caso contrário ele não funcionaria e geraria o erro.

Se você achou este tutorial útil, então não se esqueça de compartilhar.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *