jquery实现控制表格行高亮实例_jquery
程序员文章站
2022-04-29 11:46:10
...
[css]
[html]
jquery
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);
})*/
})
复制代码 代码如下:
[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);
})*/
})