Attributs :

Fonctions qui permettent la manipulation des attributs.

AddClass(class)

Ajoute une classe pour chaque élement sélectionné.

ajoute la classe "selected" au premiére balise span .
$("span:first").addClass("selected");
contenus du span 1 ---contenus du span 2 ---contenus du span 3

attr()

cette attribut comporte plusieurs variantes:

attr(nom) , attr(proprietes) , attr(valeur,clé) , attr(clé,fonction)
nous donnons exemple de attr(valeur,clé) ,cette méthode assigne une paire attribut/valeur a tous les élements concernés.
Assigne la propriété disable a tous les boutons se trouvant après le 1er bouton .
$("button:gt(1)").attr("disabled","disabled");

HasClass()

Retourne vrai si la classe spécifiée est présente pour au moins un des éléments ciblés. Equivaut à la fonction is(".maClasse").

si l'élement a la classe "test", alors lui associe une animation au clic.
$("div").click(function(){
if ( $(this).hasClass("test") )
$(this).hide("slow");
$(this).show("slow");
});

clicker


html()

Récupère le contenu du premier élement trouvé. Ne fonctionne pas sur les documents XML (a l'exception des documents XHTML).

html(valeur)

Permet de modifier le contenu d'un élement.la valeur (String): est le nouveau contenu de l'élement

Ajoute du contenu pour chacun des éléments div présents dans la page .
$("div").html("<span>contenu ajouté !</span>");

Removeattr()

Supprime un attribut des éléments concernés.

Supprime l'attribut "disabled" du champ input.
$("button").click(function () {
$(this).next().removeAttr("disabled").focus().val("de nouveau editable");
});

Removeclass()

Permet de supprimer la ou les classes spécifiés des éléments concernés.

suprime la classe à la balise p dont la classe est "class test" .
$("p").removeClass("class test")

Text

variantes: Text()Text(valeur)Text()

- la première Retourne le contenu texte de tous les élements concernés par la recherche? Le résultat est une chaine de caractères contenant la concaténation de tous les contenus texte des élements

- la deuxiéme Assigne un contenu texte aux élement concernés par la recherche. Similaire a la focntion html(), mais échappe les caractères (remplacements de "<" et ">" par leur équivalent HTML).

- la troixième Selectionne tous les éléments INPUT de type text.

$("p").text("un autre text.");

ToggleClass

variantes: ToggleClass(classe)ToggleClass(class,switch)

ToggleClass(classe) Ajoute une classe aux élements spécifiés, la supprime si elle est déja présente.
$("p").toggleClass("selected")
ToggleClass(class,switch) Ajoute la classe spécifiée si switch vaut TRUE, la supprime si switch vaut FALSE.
$("idtest").toggleClass("test", addorremove);
ce code est équivalent à :
if (addOrRemove) {
$('#idtest').addClass(className);}
else {
$('#idtest').removeClass(className); }

Vall()

Récupère le contenu de l'attribut "value" du premier élement de la sélection.

$("#idtest").val();
Retourne la valeur de l'élément avec l'id "idtest".

On passe maintenant aux css de Jquery.