Fonctions de base de jQuery

Jquery est un outil puissant, mais on peut l’utiliser pour de toutes petites choses. Démo.

Changer la css d’un élément

Dans le code html :

<div class="ceci">un element</div>

Dans une fonction :

$(".ceci").css("background-color", "red");

On sélectionne l’élément à joindre, ici la class "ceci". Attention, bien préciser qu’il s’agit d’une classe en mettant le point devant comme dans une déclaration css.
Ensuite, on attribue un comportement, ici une couleur de fond. Si on veut attribuer deux comportements :

$(".ceci").css("background-color", "red").css("color","white");

Vous voulez changer plus de comportement d’un coup : attribuez une class à un élément !

Ajouter une classe à un élément

Dans le code html :

<div class="ceci">un element</div>

Dans une fonction :

$(".ceci").addClass("cela");

mettre du texte (ou du code) dans un élément

Dans le code html :

<div class="ceci">un element</div>

Dans une fonction :

$(".ceci").html("vlooooom");

Cela va changer le contenu de l’élément "ceci" par vlooom.

Stocker le texte (ou le code) d’un élément dans une variable

Dans le code html :

<div class="ceci">un element</div>

Dans une fonction :

var lecontenu = $(".ceci").html();
alert(lecontenu);

Une fenêtre d’alert affichera sans surprise "un element".