<p>

<p>
Personnalisation dynamique du texte avec jQuery
<p>Lors de l'ajout d'interactivité aux éléments Web avec jQuery, une tâche courante consiste à modifier l'apparence du texte lors du survol ou d'autres événements . Cet article explique comment modifier la couleur et la taille du texte à l'aide de jQuery.
<p>
Changer la couleur du texte avec jQuery
<p>Pour modifier la couleur du texte au survol, utilisez le code suivant dans le Gestionnaire d'événements jQuery mouseover :
1 | $(this).css( 'color' , 'red' );
|
Copier après la connexion
<p>Par exemple, si vous avez le HTML suivant element :
Copier après la connexion
<p>Vous pouvez ajouter le code jQuery pour changer sa couleur en rouge au survol comme suit :
1 2 3 | $( '#text' ).mouseover( function () {
$(this).css( 'color' , 'red' );
});
|
Copier après la connexion
<p>
Modifier simultanément la couleur et la taille
<p>Il est également possible d'ajuster plusieurs attributs CSS simultanément. Pour modifier à la fois la couleur et la taille du texte au survol, par exemple :
1 | $(this).css({ 'color' : 'red' , 'font-size' : '150%' });
|
Copier après la connexion
<p>
Manipulation générale des attributs CSS
<p>La fonction jQuery .css() vous permet de définir n'importe quel Attribut CSS d'un élément. Cela offre une grande flexibilité pour personnaliser l’apparence de vos éléments à la volée.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!