So markieren Sie Tabellenzeilendatensätze beim Hover mit jQuery
jQuery wird mit einemhover()-Mausereignis geliefert, mit dem zwei Ereignishandler an die übereinstimmenden Elemente angehängt werden können, die ausgeführt werden, wenn die Maus die übereinstimmenden Elemente betritt und verlässt.
$("#id").hover(A, B);
-
A - Funktion, die aufgerufen wird, wenn die Maus das übereinstimmende Element eingibt.
-
B - Funktion, die aufgerufen wird, wenn die Maus das übereinstimmende Element verlässt.
Dies ist die beste Funktion, um einen Tabellenzeilendatensatz hervorzuheben. Siehe den jQuery-Code:
$("tr").not(':first').hover(
function () {
$(this).css("background","yellow");
},
function () {
$(this).css("background","");
}
);
Der Datensatz in der Tabellenzeile wird beim Schweben mit der gelben Farbe hervorgehoben. Das ".not(‘:first’)" ist eine übliche Implementierung, um zu vermeiden, dass der Headerzeilendatensatz hervorgehoben wird.
Versuch es selber
Highlight table row record on hover - jQuery
| No | Name | Age | Salary |
|---|---|---|---|
| 1 | Yong Mook Kim | 28 | $100,000 |
| 2 | Low Yin Fong | 29 | $90,000 |
| 3 | Ah Pig | 18 | $50,000 |
| 4 | Ah Dog | 28 | $40,000 |
| 5 | Ah Cat | 28 | $30,000 |