JQ点击高亮显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .hightlight { background-color: ButtonFace; } </style> <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("table tr").click(function () { // $(this).toggleClass("hightlight").siblings().removeClass("hightlight"); $(this).addClass("hightlight").siblings().removeClass("hightlight"); //当前点击的添加样式,兄弟节点删除样式 }); }); </script> </head> <body> <table> <tr> <td> sksdhfksdlfsdlf </td> </tr> <tr> <td> sksdhfksdlfsdlf </td> </tr> <tr> <td> sksdhfksdlfsdlf </td> </tr> <tr> <td> sksdhfksdlfsdlf </td> </tr> <tr> <td> sksdhfksdlfsdlf </td> </tr> </table> </body> </html>