欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-29 11:46:10
...
[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);
})*/
})

相关标签: 表格 高亮