CSS与JavaScript表格操作
本文介绍了一种使用CSS和JavaScript操作HTML表格的方法，包括如何为鼠标悬停的行设置背景颜色及如何切换表格行的选中状态。
<style type="text/css">
tr:hover{
background-color:#D2D2FF
}
.selected{
background-color:#9797FF
}
</style>
<script type="text/javascript">
$(document).ready(function(){
//切换表格行选中样式
$("tbody>tr",this).click(function (){
$("tbody>tr").removeClass("selected");
$(this).addClass("selected");
});
});
</script>
tr:hover{
background-color:#D2D2FF
}
.selected{
background-color:#9797FF
}
</style>
<script type="text/javascript">
$(document).ready(function(){
//切换表格行选中样式
$("tbody>tr",this).click(function (){
$("tbody>tr").removeClass("selected");
$(this).addClass("selected");
});
});
</script>
扫一扫
1066
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
