jQuery – Les événements

Événement exécuté une seule fois

La fonction one() permet d’exécuter une fonction une seule fois.

HTML


<p>Premier paragraphe</p>
<p>Deuxième paragraphe</p>

jQuery


$("p").one("click",function(){
        $(this).animate({fontSize: "+=2px"});
});

Jsfiddle

Publier 16 juin 2016 par Michel PIALLIER dans jQuery - Les événements Commentaires fermés

$(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

« Previous 1 2 3 4 5 6 Next »