Maison > interface Web > js tutoriel > le corps du texte

jquery obtient une meilleure ligne sélectionnée dans la table color_jquery

WBOY
Libérer: 2016-05-16 16:54:32
original
992 Les gens l'ont consulté

Couleur de la ligne sélectionnée dans la table jquery (meilleur effet)

Copier le code Le code est le suivant :






align="center" cellpadding="0" cellpacing="1 " bgcolor="#c0de98">

















































































Code js :
Copier le code Le code est le suivant :


<script> <br>$(function(){ <br>////// /datagrid selected La ligne change de couleur et la souris passe sur la ligne /////////////// <br>var dtSelector = ".list" <br>var tbList = $(dtSelector) ; <br><br> tbList.each(function() { <br>var self = this; <br>$("tr:even:not(:first)", $(self)).addClass("normalEvenTD "); // Du standard Les lignes impaires à partir de la ligne suivante de la ligne d'en-tête, nombre de lignes : (1, 3, 5...) <br>$("tr:odd", $(self) ).addClass("normalOddTD"); // Du standard Les lignes paires à partir de la ligne suivante de la ligne d'en-tête, le nombre de lignes : (2, 4, 6...) <br><br>/ / La ligne sur laquelle passe la souris change de couleur <br>$("tr:not(:first)", $(self)).hover( <br>function () { $(this).addClass('hoverTD') ;$(this).removeClass('table-td-content'); }, <br>function ( ) { $(this).removeClass('hoverTD');$(this).addClass('table-td- content'); } <br>); <br><br>// La ligne sélectionnée change de couleur<br> $("tr", $(self)).click(function (){ <br>var trThis = this ; <br>$(self).find(".trSelected").removeClass('trSelected'); <br>if ($(trThis).get(0) == $("tr:first", $( self)).get(0)){ <br>return; <br>} <br>$(trThis ).addClass('trSelected'); <br>}); ); <br></script>


Affichage de l'effet :

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
标题 标题 标题 标题
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据
数据 数据 数据 数据