Как выделить запись строки таблицы при наведении с помощью jQuery
jQuery поставляется с событием мышиhover(), позволяющим прикрепить два обработчика событий к согласованным элементам, которые выполняются, когда мышь входит и покидает согласованные элементы.
$("#id").hover(A, B);
-
A - функция для вызова, когда мышь входит в соответствующий элемент.
-
B - функция для вызова, когда мышь покидает соответствующий элемент.
Это лучшая функция для выделения записи строки таблицы. Посмотрите код фрагмента jQuery:
$("tr").not(':first').hover(
function () {
$(this).css("background","yellow");
},
function () {
$(this).css("background","");
}
);
Он будет подсвечивать запись строки таблицы при наведении, желтым цветом. «.not(‘:first’)» - это обычная реализация, позволяющая избежать выделения записи строки заголовка.
Попробуй сам
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 |