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('原來的文字’);

});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM