jquery點擊切換背景色的簡單實例

字號:


    下面小編就為大家?guī)硪黄猨query點擊切換背景色的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。
    不說了,上代碼:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
     .box {
      width: 100px;
      height: 100px;
      margin: 0;
      background-color: red;
    }
    </style>
    </head>
    <body>
    <div></div>
    <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
     var colorArr = ['white','red'];
     var count = 0;
     $('.box').click(function() {
      var $this = $(this);
       $this.css('backgroundColor', colorArr[count%2]);
       count++;
     });
    });
    </script>
    </body>
    </html>
    以上這篇jquery點擊切換背景色的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考