小弟语言基础太差,想问问大哥们这样一个效果怎么实现:用jquery实现点击表格的tr   tr的背景图片切换成另一张  再点击又变回来 ?

解决方案 »

  1.   

    给所有tr绑定,切换背景图片$('tr').bind('click', function(d){
      var bc = $(d).css('background-image');
      if(bc == 'a-map-url') bc = 'b-map-url';
      else bc = 'a-map-url';
    });
      

  2.   

    我照你说的模仿了一下,怎么一点效果都没有。哪里写错了,帮我看看<!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <script src="jquery-mobile/jquery-1.6.4.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(e) {
    $("tr").bind('click',function(){
    var bg = $("tr").css("background-image");
    if(bg == "url(images/left.png)") vv = "url(images/down.png)";
    else bg = "url(images/left.png)";
    });
    });</script>
    </head><body>
    <table width="500px" border="1" cellpadding="0" cellspacing="0">
     <tr><td>fsdfsd</td><td>dfsdgf</td><td>dgdfhfgf</td></tr>
    </table>
    </body>
    </html>
      

  3.   

    把值给vv,这个vv是什么,看错误提示就能解决吧
      

  4.   

    好简单的,你给带图片的定义在一个样式中:.xxx{带背景图片的样式定义}然后给对象绑定click事件时使用:
    $(this).toggleClass("xxx");那么就会在默认样式与xxx样式之间自动切换
      

  5.   

    jQuery的toggleClass方法确实很简单!