jQuery – Divers

$(this)

L’objet $(this)

HTML


<p>Cliquer pour caractères couleur rouge - Click for red color characters</p>

Javascript


$("p").on("click",function(){
    $(this).css("color","red");
    return false;
});

Jsfiddle

Publier 26 janvier 2017 par Michel PIALLIER dans jQuery - Divers Commentaires fermés

Créer un élément du DOM

Exemple : Ajout d’un paragraphe dans un texte

HTML


<div class='collection'>
<p>Lorem ipsum dolor sit amet.</p>
</div>

jQuery


// création d'un paragraphe
var newP = $("<p>");
newP.text("Ce paragraphe a été ajouté avec JQuery");
// positionnement du paragraphe (append prepend after)
// positionnement après le paragraphe dans la Div
$(".collection>p").append(newP);

Jsfiddle

Publier 15 juin 2016 par Michel PIALLIER dans jQuery - Créer des éléments Commentaires fermés

La fonction "html()"

On veut modifier dynamiquement le contenu d’un élément

HTML


<div id="contenu">
   <p>Le ciel est bleu aujourd'hui</p>
</div>
<input type="button" value="Changer le texte" onclick="changer_contenu()"/>

Javascript


function changer_contenu(){
   var div_contenu = $("#contenu");
   div_contenu.html("<h2>Le ciel est gris aujourd'hui</h2>");
}

Jsfiddle

Publier 9 mai 2018 par Michel PIALLIER dans jQuery - Créer des éléments Commentaires fermés

1 2 3 4 5 6 Next »