jquery改变背景

两个div, 每个div里面放了一个<a>, 判断那个被点击, 就改变div的背景图和<a>的背景图, 用jquery怎么实现? 

解决方案 »

  1.   

    其实纯js也挺简单
    function ChangeClick(aObj){
       //js
      aObj.style.background-image = "图片路径";
      document.getElementById("div1").style.background-image = "图片路径"; 
     //jquery
      $("#div1").attr("background","url(图片路径)");
              $("#a1").attr("background","url(图片路径)");  }   
    <div id="div1">
      <a id="a1" href=""  onclick="ChangeClick(this)"/>
    </div>
      

  2.   


    <!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>
        <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#target div').click(function () {
                    $(this).addClass('bg').siblings().removeClass('bg');
                });
            });
            
        </script>
        <style type="text/css">
            .bg
            {
                background:yellow;
            }
        </style>
    </head>
    <body>
    <div id="target">
        <div>
            <a href="#">aaaaaaaaaaaa</a>
        </div>
        <div>
            <a href="#">bbbbbbbbb</a>
        </div>
    </div><!--end of target-->
    </body>
    </html>