Récupère le contenu du premier élement trouvé. Ne fonctionne pas sur les documents XML (a l'exception des documents XHTML).
Version: disponible depuis la version 1.0 de JQuery
Valeur de retour: String
Affiche le contenu du premier div trouvé.
$("p").click(function () {
var htmlStr = $(this).html();
$(this).text(htmlStr);
});
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function () {
var htmlStr = $(this).html();
$(this).text(htmlStr);
});
});
</script>
<style>
p { margin:8px; font-size:20px; color:blue;
cursor:pointer; }
b { text-decoration:underline; }
button { cursor:pointer; }
</style>
</head>
<body>
<p>
<b>Cliquez</b>pour changer le <span id="tag">html</span>
</p>
<p>
en noeud <span id="text">text</span>.
</p>
<p>
Ici, un <button name="nada">bouton</button>.
</p>
</body>
</html>
Permet de modifier le contenu d'un élement.
Version: disponible depuis la version 1.0 de JQuery
Paramétres:
Valeur de retour: objet jQuery
Ajoute du contenu pour chacun des éléments div présents dans la page.
$("div").html("<b>coucou !</b>");
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").html("<b>coucou !</b>");
});
</script>
<style>
.red { color:red; }
</style>
</head>
<body>
<span>Hello</span>
<div></div>
<div></div>
<div></div>
</body>
</html>