jquery implementation of controlling table row highlighting example_jquery

[css]

Copy code The code is as follows:

[html]

Copy code The code is as follows:

  
  
       
  
   
       
  
   
       
  
   
       
  
   
       
  

	姓名	性别	居住地
	张三	男	北京
	李四	男	上海
	王五	女	深圳
	赵六	女	北京
	孙七	男	上海

  
  
       
  
   
       
  
   
       
  
   
       
  
   
       
  

	姓名	性别	居住地
	张三	男	北京
	李四	男	上海
	王五	女	深圳
	赵六	女	北京
	孙七	男	上海

jquery

[javascript]

复制代码 代码如下:

plaincopyprint?$(document).ready(function(){
//The first way of writing: $("tr:gt(0)") The first line of title does not work
$("tr:gt(0)").click(function(){
                               $(this).addClass("height").siblings().removeClass("height").end().find( ":radio").attr("checked",true);
                                                                                                                     $("tr:not(:first)").click(function(){
                         $(this).addClass("height").siblings().removeClass("height").end().find (":radio").attr("checked",true);
      })*/
})

$(document).ready(function(){
//The first way of writing: $("tr:gt(0)") The first line title does not work $("tr: gt(0)").click(function(){

$(this).addClass("height").siblings().removeClass("height").end().find(":radio") .attr("checked",true);
})

//Second way of writing: $("tr:not(:first)")
/*$("tr: not(:first)").click(function(){
$(this).addClass("height").siblings().removeClass("height").end().find(":radio" ).attr("checked",true);
})*/
})