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

来源：动视网责编：小采时间：2020-11-27 21:10:03

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

jquery实现控制表格行高亮实例_jquery:[css] 代码如下: .height{ background:#666666; /*背景颜色为灰色*/ } tr{ cursor: pointer; /*手形*/ } .height{ background:#666666; /*背景颜色为灰色*/}tr{ cursor: pointer; /*手形*/ }[html] 代码如下:

推荐度：

点击下载本文 文档为doc格式

导读jquery实现控制表格行高亮实例_jquery:[css] 代码如下: .height{ background:#666666; /*背景颜色为灰色*/ } tr{ cursor: pointer; /*手形*/ } .height{ background:#666666; /*背景颜色为灰色*/}tr{ cursor: pointer; /*手形*/ }[html] 代码如下:

[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);
})*/
})

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

推荐度：

点击下载本文 文档为doc格式

标签：表格实现高亮

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐