jquery实现表格中点击相应行变色功能效果【实例代码】_jquery

HTML5培训技术

对于一个表格，为了使我们选中的项更容易区分，需要为选中项添加高亮，同时也需要，将其他项的高亮形式去除。类似于：

    <script src="jquery-1.3.2.min.js?1.1.15">《script》 《script》  $(function () {   $('tbody>tr').click(function () {    $(this).addClass('selected')  //为选中项添加高亮    .siblings().removeClass('selected')//去除其他项的高亮形式    .end();   });  });  《script》      姓名 性别 暂住地
  
     张三 男 浙江宁波
   张三 男 浙江宁波
   张三 男 浙江宁波
   张三 男 浙江宁波
   张三 男 浙江宁波

姓名	性别	暂住地
张三	男	浙江宁波
张三	男	浙江宁波
张三	男	浙江宁波
张三	男	浙江宁波
张三	男	浙江宁波

以上这篇jquery实现表格中点击相应行变色功能效果【实例代码】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

上一篇：JavaScript编写页面半透明遮罩效果的简单示例_javascript技巧

下一篇：Bootstrap模仿起筷首页效果_javascript技巧