<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 :
Déclaration：
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
