JQuery es una biblioteca de JavaScript, es decir, una extensión de JavaScript, utilizada para satisfacer varias necesidades de efectos especiales crecientes. Es JavaScript
Vamos a escribir un programa BASIC JQ para ilustrar JQ.
1. Objetivos básicos
Hay tres botones en la página web, uno solo puede ocultar texto, uno solo puede mostrar texto y el otro puede ocultar y mostrar texto al mismo tiempo. Haga clic para mostrar, luego haga clic para esconderse y bucle infinitamente.
2. Proceso de producción
1. Primero, debe descargar un archivo de soporte JQ del sitio web oficial de JQ y ponerlo en la carpeta de su sitio. Este archivo de soporte es jQuery1.11. Puede descargar jQuery1.11, que es compatible con el antiguo navegador IE6, del sitio web oficial de jQuery, en lugar de jQuery2, que es incompatible con el antiguo navegador IE6.
2. Todo el código de la página web es el siguiente, y luego se explica en fragmentos:
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script type = "text/javaScript" src = "js/jQuery-1.11.1.1.js" $ (documento) .Ready (function () {$ ("#hide"). click (function () {$ ("#text"). hide ();}); $ ("#show"). Click (function () {$ ("#text"). show ();}); $ ("#toggle"). Click (function () {$ ("#text"). Toggle ();});});});});} </script> <!-<style type = "text/css"> #text {display: none} </yle>-> <title> jq fade out outwle outhip </bitle> </head> <body> <p id = "text"> text </p> <button id = "escondir"> escondite </boton> <button id = "show"> show </boton> <button> iD = "togargle>" Togargle> "Tourgle" </html>(1) <body> parte
La parte <Head> implementa principalmente la parte del código central. Hablemos de ello más tarde. Hablemos sobre el <body> Part <Body> <!-Este es un texto con un ID como texto para el control de script fácil-> <p id = "text"> texto lanzado </p> <!-Establezca los botones con IDS en ocultar, mostrar, toggle respectivamente-> <botón = "id"
(2) <Head> Parte
<Head> <!-Codificación de páginas web, declarando que debe usar jq-> <meta http-oquiv = "content-type" content = "text/html; charset = utf-8"/> <script type = "text/javascript" src = "js/jQuery-1.11.1.js"> </script> <! con $ (documento) .Ready (function () {});. Si no tiene que ejecutar el marco proporcionado por esta función, no puede ejecutar-> $ (documento) .Ready (function () {<!-Entonces escriba la función requerida en esta función-> <!-Llame a la llamada de función para la acción de clic con el botón con el botón con el ID Hide, y las acciones posteriores todavía se colocan en esta función-> $ ("Hide"). Click (Funcion () {<<<<<<<<<<<<<<<Uste hide text con text con text con text con text con el texto con el texto con el texto con el texto con el texto con el texto con el texto con el texto con el texto con el texto con el texto con el texto con ID-$ (#(#). });