jquery效果，多個div，點擊任何一個div，那麼這個div會切換文字，變換背景顏色，再次點擊其他的div ,這個div會發生剛才的變化，之前點擊的div的顏色會變回來

標籤：

首先css樣式：

/*原來的背景色*/

.bg { 

background:‘red‘

}

/*需要切換的背景色*/

.bg_click { 

background:‘green‘

}

JS:

$(‘div‘).on(‘click‘,function(){

     var $div = $(this);

     var $others = $div.siblings();

      if($div.hasClass(‘bg‘)){

           $div.removeClass(‘bg‘).addClass(‘bg_click‘).html(‘你要改變的文字’);

        }else {

           $div.removeClass(‘bg_click‘).addClass(‘bg‘).html(‘原來的文字’）；

       }

       $others.addClass(‘bg‘).removeClass(‘bg_click‘).html(‘原來的文字’）；

});

jquery效果，多個div，點擊任何一個div，那麼這個div會切換文字，變換背景顏色，再次點擊其他的div ,這個div會發生剛才的變化，之前點擊的div的顏色會變回來