jQuery.info
Découvrir et utiliser jQuery, la librairie javascript du XXIIème siècle

Accueil du site > Débuter > Un paragraphe trop à l’étroit (.css())

Un paragraphe trop à l’étroit (.css())

jeudi 17 août 2006, par Fil

Manipulons gaiement les styles


Ce serait bien sympa de pouvoir agrandir à volonté un élément, par exemple pour le faire croître en fonction de son âge.

Voici une méthode qui choisit le même paragraphe que l’article précédent (Ajouter une boîte à coucou), et l’étire un peu.

   $("#texte > p:nth-child(1)")
     .prepend("<span>coucou!</span>")
     .css({width: "120px"});

Notez la syntaxe de la commande .css(), qui prend la déclaration des styles non pas sous forme de texte, mais sous la forme d’un tableau associatif.

P.-S.

On en profite pour corriger l’erreur qu’on a faite dans l’article précédent : il ne faut pas intégrer de <div /> dans un paragraphe : ici on a mis un <span />, c’est bien plus correct.

Documents joints

Répondre à cet article

1 Message

  • Un paragraphe trop à l’étroit

    17 août 2006 23:21, par Fil

    A remarquer aussi, j’ai changé la syntaxe d’appel du paragraphe : ici j’utilise un adressage de type CSS (#texte > p), tandis que l’article précédent utilisait un mélange de CSS et de XPath (#texte/p). Le langage d’adressage de jQuery est de fait une fusion de ces deux systèmes.

    Répondre à ce message


Derniers commentaires

Nouveautés sur le Web