Comment modifier de l'HTML avec jQuery ?
Bonjour,
Comme dit dans la question je cherche à modifier du HTML avec du jQuery, comment cela se passe-t-il ?
Merci
JavaScriptjQueryHTML
JespaPosté le : 11 Septembre à 17:3947 340 vues
DalanirPosté le : 11 Septembre à 17:47Hello !
Prenons cet exemple :
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Test</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> </head> <body> <form> <span id="span1">Kikou</span> <script type="text/javascript"> $('#span1').html("Rigolo !"); </script> </form> </body> </html>
Dans cette exemple, on veut modifier le contenu de la balise <span> qui a pour id "span1" à l'aide de jQuery.
Le '$' représente la fonction jQuery() qui peut prendre pas mal de paramètre, dont une ou des balises HTML comme ici l'élément <span>. On lui passe donc en paramètre l'id du <span> en question, en ajoutant le signe '#' devant l'id, qui signifie lui même que l'on veut sélectionner un id (on peut dire que '#' remplace 'id =').
Puis, dans notre exemple, on applique au sélecteur la méthode html() qui permet de remplacer le texte contenu entre les balises par le texte passer en paramètre. Je dis bien remplacer car si vous essayer le bout de code, vous verrez que le navigateur n'affichera que "Rigolo !" en supprimant "Kikou".
Voilà comment modifier sa page HTML avec du jQuery, un outil vraiment puissant.
⇒ Si vous êtes ici c'est que le sujet vous intéresse ^^
Inscrivez-vous sur Oyant, apportez votre contribution sur ce sujet et gagnez de l'argent :
Inscription
Répondre
Inscrivez-vous sur Oyant, apportez votre contribution sur ce sujet et gagnez de l'argent :
Inscription
 | Epiler les sourcils, sans avoir malBonjourComment épiler les sourcils, sans avoir mal? |
Visage | |
Sourcil Epilation Mal |
 | Démêler les cheveux de ma fille sans douleurBonjourComment démêler les cheveux de ma fille sans douleur? |
Coiffures | |
Cheveux Démêler Douleur |
| Astuce pour des cheveux brillantsSalutAvez-vous une astuce pour des cheveux brillants? |
Coiffures | |
Cheveux Brillance Astuce |
| Camoufler un bouton sur mon visageBonjourAvez vous une idée pour camoufler un bouton sur mon visage? |
Visage | |
Visage Camouflage Bouton |
| Supprimer un bouton de mon visageSalutComment supprimer un bouton de mon visage? |
Visage | |
Visage Bouton |
| Un teint bronzé toute l'annéeBonjourQue dois-je faire pour avoir un teint bronzé toute l'année? |
Visage | |
Teint bronzé Visage |
| Cheveux normauxBonjourJ'ai des cheveux normaux, combien de fois par semaine dois je les laver? |
Coiffures | |
cheveux normaux Rinçage |
| Rendre mes ongles forts et brillantsBonjourAvez vous une idée pour rendre mes ongles forts et brillants? |
Mains | |
Ongle Fort Brillant |
| Préparer ma peau pour l'épilationSalutComment préparer ma peau pour l'épilation? |
Pieds | |
Epilation Préparation |
| Hydrater mes piedsSalutJ'ai besoin de savoir comment hydrater mes pieds? |
Pieds | |
hydrater mes pieds Beauté |
 | Victime d'arnaque par internet et démarches à faireBonjourQue dois-je faire si je suis victime d'arnaque par internet? |
Arnaques | |
Victime Internet Démarche |
| Eviter les arnaques par internetBonjourQue dois-je faire pour éviter les arnaques par internet? |
Arnaques | |
Arnaque Internet |
 | SIG et la vie quotidienneBonjourComment se traduit le SIG dans mon quotidien? |
SIG : Système d'information Géographique | |
SIG Quotidien |
| L'avantage d'un SIGBonjourQuel est l'avantage d'un SIG? |
SIG : Système d'information Géographique | |
SIG Avantage |
| Les technologies liées aux SIGSalutAvez vous une idée sur les technologies liées aux SIG? |
SIG : Système d'information Géographique | |
Technologie SIG |
| Veuillez vous connecter pour profiter pleinement de toutes les fonctionnalités de Oyant. | ||
Connexion |
Inscription |
|
|
Poster une question |
||
