JQuery est une bibliothèque JavaScript, c'est-à-dire une extension de JavaScript, utilisée pour répondre à divers besoins en effets spéciaux croissants. C'est JavaScript
Écrivons un programme JQ de base pour illustrer JQ.
1. Objectifs de base
Il y a trois boutons dans la page Web, l'un ne peut masquer le texte, l'un ne peut afficher que du texte et l'autre peut masquer et afficher le texte en même temps. Cliquez pour afficher, puis cliquez pour masquer et boucle à l'infini.
2. Processus de production
1. Premièrement, vous devez télécharger un fichier de support JQ sur le site officiel de JQ et le mettre dans le dossier de votre site. Ce fichier de support est jQuery1.11. Vous pouvez télécharger jQuery1.11, qui est compatible avec l'ancien navigateur IE6, du site officiel de JQuery, au lieu de JQuery2, qui est incompatible avec l'ancien navigateur IE6.
2. L'ensemble du code de la page Web est le suivant, puis expliqué dans les fragments:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <script type = "text / javascript" src = "js / jQuery-1.11.1.js"> </ script> $ (document) .ready (function () {$ ("# hide"). cliquez (function () {$ ("# text"). hide ();}); $ ("# show"). Cliquez (function () {$ ("# texte"). Show ();}); $ ("# toggle"). Click ();); </ script> <! - <style type = "text / css"> #text {affiche: aucun} </ style> -> <tight> jq s'estomper et afficher </title> </ head> <pody> <p id = "Text"> Texte lancé </p> <Button id = "Hide"> Hide </ / bouton> <bouton ID = "Show> </ bouton> <Button ID =" Torgle "> Showr </ Button> <Button ID =" Torgle "> Shows> </ Button> <Button ID =" Torgle "Torgle" Show> </ Button> <Button ID = "Torgle" </html>(1) <body> partie
La partie <adread> implémente principalement la pièce de code de base. Parlons-en plus tard. Parlons de la <body> partie <body> <! - Ceci est un texte avec un identifiant comme texte pour un contrôle de script facile -> <p id = "text"> Texte lancé </p> <! - Définissez les boutons avec des ID pour masquer, afficher, basculer respectivement -> <bouton ID = "Hide"> Hide </ Button> <Button id = "Show" Show </ Button> <bouton ID = "TOGGLE"> Hide / show / bouton> </ Button>
(2) <A-tête> partie
<A-head> <! - Encodage de pages Web, déclarant que vous devez utiliser jq -> <meta http-equiv = "content-type" content = "text / html; charset = utf-8" /> <script type = "text / javascrip avec $ (document) .ready (function () {});. Si vous n'avez pas à exécuter le framework fourni par cette fonction, vous ne pouvez pas exécuter -> $ (document) .ready (function () {<! - Ensuite, écrivez la fonction requise dans cette fonction -> <! - Appelez l'appel de la fonction pour l'action de clic avec le bouton avec la masque d'ID, et les actions suivantes sont toujours placées dans cette fonction -> $ ("# masquer"). rès