jquery-动态样式表格

最新推荐文章于 2024-08-13 08:58:23 发布

原创最新推荐文章于 2024-08-13 08:58:23 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #ViewUI

jQuery 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用jQuery为表格中的不同行设置背景颜色的方法，并实现了鼠标悬停时更改行背景色的效果。通过简单的代码示例展示了如何选择奇数行和偶数行并为其分别添加不同的类来改变背景颜色。

	$(document).ready(function() {
		$("#dataTable tr:odd").addClass("bgred");
		$("#dataTable tr:even").addClass("bggreen");

		$("#dataTable tr").mouseover(function() {
			$(this).addClass("bgwhite");
		});
		$("#dataTable tr").mouseout(function() {
			$(this).removeClass("bgwhite");
		});
	});