Ajouter un élément

by Michel Piallier

HTML

<div class='collection'>
<p >Lorem ipsum dolor sit amet.</p>
<p >Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.</p>
</div>
<button id="bt1">Ajouter un paragraphe</button>

CSS

#bt1{
  position:fixed;
  top:150px;
}

JavaScript

$("#bt1").one("click",function(){
// création d'un paragraphe
var newP = $("<p>");
newP.text("Ce paragraphe a été ajouté avec JQuery");
// positionnement après le paragraphe dans la DIV
$(".collection p:first").append(newP);
});