大致介绍
在CSS技术之前,网页的布局基本都是依靠表格制作,当有了CSS之后,表格就被很多设计师所抛弃,但是表格也有他的用武之地,比如数据列表,下面以表格中常见的几个应用来加深对jQuery的认识。
表格变色
基本的结构:
1、普通的隔行变色
首先定义两个样式
@H_403_23@
添加变色
@H_403_23@
2、单选框控制表格行高亮
在每一行之前加一个单选按钮,当单击某一行后,此行被选中高亮显示并且单选框被选中
tr').click(function(){
$(this)
.addClass('selected')
.siblings().removeClass('selected')
.end()
.find(':radio').attr('checked',true);
});
@H_403_23@
3、复选框控制表格行高亮
tr').click(function(){
if($(this).hasClass('selected')){
$(this).removeClass('selected')
.find(':checkBox').attr('checked',false);
}else{
$(this).addClass('selected')
.find(':checkBox').attr('checked',true);
}
});
@H_403_23@
表格展开关闭
基本结构: