使用jQuery实现光棒效果

最新推荐文章于 2021-01-03 14:18:30 发布

weixin_30553065

最新推荐文章于 2021-01-03 14:18:30 发布

阅读量167

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/bsyx/p/4206342.html

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用jQuery实现光棒效果</title>
<link href="4-1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../jquery-1.11.2.js"></script>
<script type="text/javascript">
$(function(){
$("#tbStudent tr:gt(0)").hover(
function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected")
}
);
//全选与反选
$("#chkAll").click(function(){
var checkedVal=$(this).attr("checked","checked");
$(".chk").each(function(){
var subchecked=$(this).attr("checked");
if(subchecked!=checkedVal)
$(this).click();
});
});
});

</script>.
</head>

@charset "utf-8";
/* CSS Document */
table{
width:640px;
border-collapse:collapse;
}
table th{
border:solid 1px black;
background-color:Gray;
}
table td{
border:solid 1px black;
}
.highlight{
background-color:Highlight;
}
.selected{
background-color:Yellow;
}

转载于:https://www.cnblogs.com/bsyx/p/4206342.html

weixin_30553065

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用jQuery实现光棒效果

<!doctype html><html><head><meta charset="utf-8"><title>使用jQuery实现光棒效果</title><link href="4-1.css" rel="stylesheet" type="text/css" /><script type="text/ja...
复制链接

扫一扫