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

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