Question

jquery 点击一个div时，第一次点击更换div背景，第二次点击，背景变成原来的，这个该怎么实现

Answer 1

这个还是挺简单,第一种,设置一个变量 如 var toggle = true , 当为true时,作if(toggle == true)判断更改背景同时 改toggle 为false ; 第二次点击时 ,这时toggle为false ,作if(toggle == false)判断,如果为真则还原背景 .... 第二种方法,直接调用 toggle()函数 ,如 $("div").toggle(function(){...},function(){...}) ,这里第一个function就是第一次点击时要做的事 ,第二个function就是第二次要做的事 .....以此类推

Answer 2

你好！！

你使用的jQuery是什么版本的？

如果低于1.9版本的，可以使用toggle()函数来实现:

$("div").toggle(
     function(){
        $(this).css("backgroundColor","red");
     },
     function(){
        $(this).css("backgroundColor","");
     }
);

追问

我要的是点击时的哦

追答

你的追问让人心寒啊·····

1. 问你的jQuery是什么版本的？没回应....

2. 上的代码试都没试，就跟那说"我要的是点击时的哦"，废话，给你的就是你要的·····

   
   

    再给你种解决方式，这个不受jQuery版本限制: 

   style:

<style>
      .bg{
          background : url('百度网址/img/bdlogo.gif') no-repeat
      }
      #dd{
          border-width:1px;border-style: dashed;width:270px;height:130px
      }
</style>

   html:

<div id="dd"></div>

   script:

$("#dd").click(function(){
      $(this).toggleClass("bg");
});

Answer 3

这个可以采用多种方式来处理这个问题，第一，采用两个div,一个隐藏，一个显示，主要控制display:none 和display:block，隐藏的div添加背景，显示的不添加，当第一次点击的时候，把隐藏的div显示也就是block，然后js判断，
if($("div").css("display")=="block")
{
$("div").css("display","none");
}else if($("div").css("display")=="none")
{
$("div").css("display","block");
}
第二种方法：toggle方法，这个也就是以上js的简写，希望对你有帮助

Answer 4

$(function(){
    $('div').click(function(){
        var bg = $(this).attr('background');
        if(bg == '背景'1){
            $(this).attr('background','背景2');
        }
        if(bg == '背景2'){
            $(this).attr('background','背景1');
        }
    
    })

})

这是最简单的办法了

Answer 5

在样式中设置两个class属性，其background-color各不相同，再设置一个int变量，点击一下就自增一下，再用这个变量除2，根据其奇偶数，对classname进行切换