Ouvrez un navigateur Web et accédez à la page d'accueil jQuery (jquery.com). Cliquez sur la case à cocher à côté "La production" dans le coin supérieur droit de la page d'accueil, puis cliquez sur le "Télécharger" bouton. 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 plus rapide et le temps de chargement. Enregistrez le fichier téléchargé dans un répertoire appelé "jquery" dans le répertoire racine de votre site web.
Ouvrez une application de conception d'éditeur de texte ou web et de créer une nouvelle page HTML. Ajoutez le code suivant entre le HTML "
" et "" balises. Ce code charge la bibliothèque jQuery pour une utilisation sur la page. Changer le numéro de version à la fin du nom de fichier pour correspondre à la version que vous avez téléchargé, que de nouvelles versions sont publiées fréquemment.
Ajoutez le code suivant à votre page, entre le HTML "
" et "" balises.
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.
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 ().) -"
Celui-ci utilise le code jQuery "$ ('textarea [name = myTextArea]'). val ()" pour lire le contenu de la zone de texte qui a un attribut name contenant "myTextArea." En utilisant cette syntaxe vous permet de référencer tout élément HTML en utilisant son nom. La fonction Val () 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é avec un javascript "alert ()" fonction pour afficher la valeur de la zone de texte dans une boîte d'alerte lorsque le bouton est cliqué.
Enregistrez la page sous "exemple.htm" et les télécharger sur votre serveur web. Ouvrez un navigateur Web et accédez à la page de exemple.htm sur votre serveur. Tapez du texte dans la zone de texte, puis cliquez sur le "Affichage" bouton. Une boîte d'alerte apparaît, contenant le texte que vous avez tapé dans la zone de texte.