用过JavaScript的实现表格的隔行变色,鼠标经过加亮至少需要20行以上的代码,而是用jQuery只需要短短几行的代码。

td {padding:6px 11px;border-bottom:1px solid #95bce2;vertical-align:top;text-align:center;} 
td * {padding:6px 11px; } 
/*偶数行 tr 加上背景色*/
tr.even td {background:#ecf6fc;} 
/*这个将是鼠标高亮行的背景色*/   
tr.over td {background:#bcd4ec;}  
$(document).ready(function(){
	$('.pm tr').mouseover(function(){
		$(this).addClass('over');}).mouseout(function(){$(this).removeClass('over');
	});
	$('.pm tr:even').addClass('even');
});

值得一提的是上面代码中

//本来应该这么写
$(".pm tr").mouseover(function(){     
          $(this).addClass("over");})  
$(".pm tr").mouseout(function(){     
          $(this).removeClass("over"); }) 
//但是我们写成了:
$('.pm tr').mouseover(function(){
		$(this).addClass('over');}).mouseout(function(){$(this).removeClass('over');
	});
//说明jQuery是链式的行为  

在敏捷回顾会议中引导使用ORID

头一次接触ORID方法在2015年的一次敏捷回顾上,但是还不知道它,当天围坐在小会议室中通过该方法总结迭代开发经验,使我很有收获。ORID工作法很好理解,几乎一听就会,只是日常工作中我们总会选择更偷懒的方法,而忽略了总结过程中思考和逻辑的重要性。根据百度百科,ORID是一种...… Continue reading

生产环境Linux部署

Published on July 12, 2017

SVN 迁移到 GitLab

Published on June 17, 2017