Recherche chaud: knox ou blanc doeuf cheveux? jeune chien et echinacea déchirure disque thoracique croisiere costa ocean indien verifier null en java peindre des légumes korg kontrol symboles dans la bible
Index Loisirs Santé Technologie

Remplacement de HTML dans un DIV avec jQuery

Publié:2012-02-21Source: général
Advertisement

Remplacement de HTML dans un DIV avec jQuery

jQuery, une bibliothèque JavaScript open source, est utilisé par de nombreux sites Web d'ajouter interactivité avec l'utilisateur et d'améliorer l'expérience du visiteur. Il est facile pour les scripts AJAX interactions, des animations et des composants avec une quantité minimale de code. Vous pouvez vous référer à des éléments de page à l'aide de leur identifiant HTML, ce qui vous permet de faire référence à l'article et de modifier le code HTML ou des propriétés. Utiliser des événements pour répondre aux actions de l'utilisateur, comme un clic sur le bouton, et exécute un code prédéfini pour répondre à l'action, comme le remplacement de l'HTML dans un DIV.

Niveau de difficulté:

Aisé

Instructions

1 Ouvrez développement d'une application ou d'un éditeur de texte et de créer une nouvelle page HTML.

2 ajoute la bibliothèque jQuery à la page en ajoutant le code HTML correspondant entre les balises "<head>" "</ head>". Par exemple: <script type = "text / javascript" src = "/ jQuery / jquery-1.6.1.min.js"> </ script> changer le chemin dans l'attribut "src" pour correspondre à l'emplacement et bibliothèque version téléchargeable sur le site de jQuery.

3 Tapez le code suivant pour ajouter un HTML div à la page avec un texte d'exemple. Cela devrait être ajouté entre les balises "<body>" "</ body>". <Div id = "test"> <p> Ceci est un exemple </ p> </ div>

4 Ajouter un bouton sur la page HTML en utilisant le code ci-dessous, qui devrait être ajouté à l'exemple DIV. Le bouton a aucune action concrète aujourd'hui, comme vous pourrez ajouter le pilote de clic jQuery. <Input type = "button" name = id = valeur "monBouton" "myButton" = "me pousser" />

5 ajoute le code HTML entre les balises "<head>" "</ head>" sous la "<script>" est utilisé pour inclure la bibliothèque jQuery. <Type de script = "text / javascript"> $ (document) .ready (function () {$ ("# monBouton"). Cliquez (function () {$ ('# test'). Html ("<p> Il est un nouveau contenu JQuery </ p> ");});}); </ Script> Ce code va créer une fonction qui va exécuter automatiquement une fois la page chargée. Ensuite, vous définissez un gestionnaire pour le bouton clic avec HTML id "myButton» qui exécute une fonction quand il est cliqué. La fonction remplace le code HTML contenu dans la DIV avec id "test".

6 Ajouter la page à votre serveur Web, puis l'ouvrir dans un navigateur. Cliquez sur le bouton et vous verrez que le contenu de DIV change instantanément que le gestionnaire de clic fonctionne.

Lire cet article en Inglés: Comment remplacer Div utilisant HTML dans jQuery

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking