php100视频教程112:jquery案例 之 双击编辑异步更新,PHP100视频教程111：Jquery案例 之 复选框与隔行换色...

table{ border:0;border-collapse:collapse;}

td{ font:normal 12px/17px Arial;padding:2px;width:100px;}

th{ font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}

.dan{ background:#FC0}

.ou{ background:#0FF}

.ed{ background:#669;color:#fff;}

$(function(){

//设置偶数行和奇数行

$("tbody>tr:odd").addClass("ou");//设置偶数行的颜色，选中偶数行也可以用$("table tbody tr:od").addClass("ou");

$("tbody>tr:even").addClass("dan");//设置奇数行的颜色

$("tbody>tr:has(:checked)").addClass("ed");//设置被选中行的颜色

//搜索被选中 has(:checked)

$('tbody>tr').click(function(){

var hased=$(this).hasClass('ed');//检查有没有被选中的行，选中返回true，否则false

$(this)[hased? "removeClass" : "addClass"]("ed")//三元运算，当hased值为真，执行removeClass，否则执行addClass

.find(":input").attr("checked",!hased);

/*************这段代码与上面两行代码作用相同********************

if(hased){//如果是被选中行，移除ed样式，否则就加上ed样式

$(this).removeClass("ed").find(":input").attr("checked"，false);//选中元素ed，找到input框的checked属性

}else{

$(this).addClass("ed").find(":input").attr(checked",true);

};

};

*********************************************/

});

//遍历指定触发函数

})

标题时间地点

PHP100视频12011上海PHP100视频22012杭州PHP100视频32011济南PHP100视频42011北京PHP100视频52012武汉PHP100视频62011福州