运用jquery实现table单双行不同显示并能单行选中
作者：
（该方法是对《运用jquery实现（table）单双行不同显示并能多行选中》的改进，适合于单行选择）
复制代码 代码如下:
$(document).ready(function(){
$("p:odd").css("background-color", "#bbf");
$("p:even").css("background-color","#ffc");
$("p").click(function () {
$("p").each(function(){
if($(this).hasClass("highlight")){
$(this).removeClass("highlight");
}});
$(this).addClass("highlight");
});
});
源码参考gamil:test_jquery_table
您可能感兴趣的文章:
- JS与jQuery遍历Table所有单元格内容的方法
- jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
- 合并table相同单元格的jquery插件分享(很精简)
- 基于jquery的合并table相同单元格的插件(精简版)
- 用jQuery获取table中行id和td值的实现代码
- 用Jquery选择器计算table中的某一列某一行的合计
- jquery实现效果比较好的table选中行颜色
- JQuery DataTable删除行后的页面更新利用Ajax解决
- jquery获取table中的某行全部td的内容方法
- jQuery 选择表格(table)里的行和列及改变简单样式
- 使用jquery为table动态添加行的实现代码
- JQuery动态给table添加、删除行 改进版
- jQuery获取table行数并输出单元格内容的实现方法