O JQuery é uma biblioteca JavaScript, ou seja, uma extensão do JavaScript, usada para atender a várias necessidades crescentes de efeitos especiais. É JavaScript
Vamos escrever um programa JQ básico para ilustrar o JQ.
1. Objetivos básicos
Existem três botões na página da web, só se pode ocultar o texto, apenas um pode exibir o texto e o outro pode ocultar e exibir o texto ao mesmo tempo. Clique para mostrar, clique para ocultar e fazer um loop infinitamente.
2. Processo de produção
1. Primeiro, você precisa baixar um arquivo de suporte JQ no site oficial do JQ e colocá -lo na pasta do seu site. Este arquivo de suporte é jQuery1.11. Você pode baixar o JQuery1.11, que é compatível com o antigo navegador IE6, no site oficial do jQuery, em vez do JQuery2, que é incompatível com o antigo navegador IE6.
2. Todo o código da página da web é o seguinte e depois explicado em fragmentos:
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script = "text/javasscript" src = src = "> jQs/script/script/" <Cript> $ (document) .ready (function () {$ ("#hide"). clique (function () {$ ("#text"). hide ();}); $ ("#show"). clique (function () {$ ("#text"). show ();}); </script> <!-- <style type="text/css"> #text{ display:none } </style> --> <title>JQ fade out and display</title> </head> <body> <p id="text"> tossed text</p> <button id="hide"> Hide</button> <button id="show"> Show</button> <button id="toggle"> Hide/Show</button> </body> </html>(1) Parte <Body>
A parte <Head> implementa principalmente a parte do código principal. Vamos falar sobre isso mais tarde. Vamos falar sobre a <body> parte <body> <!-Este é um texto com um ID como texto para facilitar o controle de scripts-> <p id = "text"> textos lançados </p> <!-Defina os botões com os IDs para ocultar, mostrar, alternar respectivamente-> <butt id = "hide"> hide </button> <butgle iD = "Show">
(2) <head> parte
<head> <!-codificação de páginas da web, declarando que você deve usar jq-> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script type = "text/javascript" src = "js/jQuery-1.1.1.js"> uma função total com $ (document) .ready (function () {});. Se você não precisar executar a estrutura fornecida por esta função, não poderá executar-> $ (document) .ready (function () {<!-, em seguida, escreva a função necessária nesta função-> <!-Chame a função para a ação de clique com o botão com o ID Ocultar e as ações subsequentes ainda são colocadas nesta função-> $ ("#hide"). $ ("#text"). Hide (); Exibir </title> </ad Head>