Css :

Fonctions permetant la manipulation des styles.

Css( )

variantes: css( nom )Css(propriétés)Css(clé,valeur)

- la première Permet d'accéder à une propriété de style du premier élement trouvé.

- la deuxième Modifie les propriétés de style d'un élement donné en utilisant un système clé/valeur.

- la troixième Attribut une propriété de style aux éléments trouvés. Si un nombre est spécifié, il sera automatiquement converti en pixel.

exemple variante 1 :
$("p").css("color");

exemple variante 2 :
$("p").css({ color: "red", background: "blue" });

exemple variante 3 :
$("p").css("top",100);

Height( )

variantes: Height( )Height(valeur)

- la première retourne la hauteur de l'élément en pixel.

- la deuxième définit la hauteur de l'élément. Si aucune unité n'est spécifié ( 'em' , '%'), "px" sera choisi par défault.

exemple variante 1 :
$("div").height();

exemple variante 2 :
$("span").height(20);

Offset()

Récupére les valeurs left et top du premier élément trouvé en position relative dans le document.Elle fonctionne seulement avec les éléments visibles.

Récupère l'offset du premier paragraphe, et affiche le résultat dans ce derniér.
var p = $("p:first");
var offset = p.offset();
p.html( "left: " offset.left ", top: " offset.top );

Position()

Récupère la valeur top et left de la position d'un élément relatif par rapport a son parent,et affiche le résultat dans ce derniér.

Retourne la position du dernier paragraphe.
var p = $("p:last");
var position = p.position();
$("p:last").text( "left: " position.left ", top: " position.top );

Width()

variantes: Width()Width(valeur)

- la première Récupère la largeur de l'élement en pixels.

- La deuxiéme affecte une largeur aux élements spécifiés. l'unité px sera choisie par défaut.

exemple variante 1 :
$("div").Width();

exemple variante 2 :
$("span").Width(600);

Vous pouvez consulter Toutes les fonctions de CSS sur le site de Jquery.

On passe maintenant aux Evènement de Jquery.