communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > Deux méthodes d'utilisation de jQuery pour changer la couleur des tableaux sur des lignes alternées et changer la couleur de mouse_jquery

Deux méthodes d'utilisation de jQuery pour changer la couleur des tableaux sur des lignes alternées et changer la couleur de mouse_jquery

WBOY

Libérer： 2016-05-16 16:44:36

original

1389 Les gens l'ont consulté

1. Changer les couleurs sur les lignes alternées

Copier le code Le code est le suivant :

 
$( "tr:impair" .css("background-color","#eeeeee"); 
$("tr:even").css("background-color","#ffffff");

Ou faites-le en une seule ligne :

Copiez le code Le code est le suivant :

$("table tr:nth -child(odd)").css("background-color","#eeeeee");

:nth-child correspond au Nième enfant ou élément pair impair sous son élément parent

2. La souris change de couleur

Copiez le code Le le code est le suivant :

$("tr ").live({ 
mouseover:function(){ 
$(this).css("background-color"," #eeeeee"); 
}, 
mouseout:function() { 
$(this).css("background-color","#ffffff"); 
} 
}) 

 

Copier le code Le code est le suivant :

$("tr").bind("mouseover",function(){ 
 $(this).css("background-color","#eeeeee"); 
}) 
$( "tr").bind("mouseout",function(){ 
$(this ).css("background-color","#ffffff"); 
}) 

 

Bien sûr, live() et bind() peuvent lier plusieurs événements en même temps ou séparément.

Étiquettes associées：

Changer les couleurs toutes les deux lignes

source：php.cn

Article précédent：jquery réalise la version universelle de la souris en passant par l'effet de fondu d'entrée et de sortie_jquery Article suivant：Effet de rideau de comparaison d'image original implémenté par jQuery_jquery

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur