jQuery – Modifier des éléments

Remplacer un lien hypertexte par le texte de ce lien

HTML


<div class='collection'>
    <a href='http://google.com' target='_blank'>Google</a>
</div>

JQuery


var collection=$('.collection a');
collection.replaceWith(collection.text());

Jsfiddle

Publier 23 mars 2014 par Michel PIALLIER dans jQuery - Modifier des éléments 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

É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

1 2 3 4 5 6 Next »