jQuery est une bibliothèque JavaScript puissant qui vous permet de créer des fonctions JavaScript complexes avec un minimum de code. En utilisant le système sélecteur jQuery , il est facile de référencer n'importe quel élément d'une page HTML, puis de lire ou de modifier sa valeur. Par exemple, vous pouvez vous référer à un élément par son code de référence , ou en utilisant la valeur de l'attribut name . Vous pouvez l'utiliser pour effectuer la validation sur un élément de forme , ou de lire un utilisateur a entré valeur pour une utilisation dans un calcul ou similaire. Instructions
1
Ouvrez un navigateur Web et accédez à la page d'accueil jQuery ( jquery.com ) . Cliquez sur la case à côté de "Production" en haut à droite de la page d'accueil, puis cliquez sur le bouton "Télécharger" . Ceci va télécharger la version de production de la bibliothèque jQuery, qui est comprimé et minifiés pour une taille de fichier réduite et le temps de chargement plus rapide . Enregistrez le fichier téléchargé dans un répertoire appelé " jQuery" dans le répertoire racine de votre site.
2
Ouvrez un éditeur de texte ou une application de conception de sites Web et de créer une nouvelle page HTML. Ajoutez le code suivant entre le "
" HTML " et " tags.
< Script type = " text /javascript" src = " /jquery/jquery-1.6.2 . min.js "> Photos
Ce code charge la bibliothèque jQuery pour une utilisation sur la page. Changer le numéro de version à la fin du nom du fichier pour correspondre à la version que vous avez téléchargé , que de nouvelles versions sont publiées fréquemment .
3
Ajoutez le code suivant à votre page, entre le HTML "
"et" < /body> "tags .
Photos
Cela ajoute une forme à votre page, contenant une zone de texte HTML nommé " myTextArea , »et un bouton HTML , ce qui déclenche le code pour obtenir le contenu de la zone de texte lorsque vous cliquez dessus .
4
Ajoutez le code suivant à la balise d'entrée HTML utilisé pour créer le bouton , après l'attribut de valeur et avant la balise de fermeture
onclick = "alert ( $ (' textarea [name = myTextArea ]') val ( ) . ) ; " .
utilise le code jQuery " $ (' textarea [name = myTextArea ] »). val ( ) " pour lire le contenu de la zone de texte qui possède un attribut de nom contenant " myTextArea " . En utilisant cette syntaxe permet de faire référence à n'importe quel élément HTML en utilisant son nom . Le val ( ) fonction indique jQuery pour lire la valeur de l'élément sélectionné , qui se lit tout texte entré par l'utilisateur . Le code jQuery est enveloppé d' un " alert () " fonction JavaScript pour afficher la valeur de la zone de texte dans un message d'alerte lorsque le bouton est cliqué .
5
Enregistrez la page sous " exemple.htm » et télécharger sur votre serveur web. Ouvrez un navigateur Web et accédez à la page d' exemple.htm sur votre serveur. Tapez du texte dans la zone de texte, puis cliquez sur le bouton "Affichage" . Un message d'alerte s'affiche , contenant le texte que vous avez tapé dans la zone de texte.