当前位置:Gxlcms > JavaScript > jquery实现控制表格行高亮实例_jquery

jquery实现控制表格行高亮实例_jquery

时间:2021-07-01 10:21:17 帮助过:4人阅读

[css]
代码如下:



[html]
代码如下:



















姓名性别居住地
张三北京
李四上海
王五深圳
赵六北京
孙七上海



















姓名性别居住地
张三北京
李四上海
王五深圳
赵六北京
孙七上海



jquery

[javascript]

代码如下:

plaincopyprint?$(document).ready(function(){
//第一种写法: $("tr:gt(0)") 第一行标题不起作用
$("tr:gt(0)").click(function(){
$(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true);
})

//第二种写法:$("tr:not(:first)")
/*$("tr:not(:first)").click(function(){
$(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true);
})*/
})

$(document).ready(function(){
//第一种写法: $("tr:gt(0)") 第一行标题不起作用
$("tr:gt(0)").click(function(){
$(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true);
})

//第二种写法:$("tr:not(:first)")
/*$("tr:not(:first)").click(function(){
$(this).addClass("height").siblings().removeClass("height").end().find(":radio").attr("checked",true);
})*/
})

人气教程排行