欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2016年08月25日 09:00:24   投稿:jingxian  
下面小編就為大家?guī)硪黄猨query點擊切換背景色的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

剛在自己的前端技術(shù)群里有個小伙伴兒問到這個問題,點擊的時候進(jìn)行紅色背景和白色背景的切換,然后我就臨時想到了一個解決方法,在這里記錄一下吧,希望還有別的剛學(xué)習(xí)前端的小伙伴兒能用到,大神就請繞道咯!另外提一下,自己這個前端群都是一群熱愛前端的小伙伴兒,如果你是一個人在自學(xué)的話,不妨來加入我們,把你遇到的前端問題盡管扔進(jìn)群里哦,小伙伴兒們看到了會給你耐心解答的哦!

 不說了,上代碼:

<!DOCTYPE html>
<html>
<head>
<style>
 .box {
  width: 100px;
  height: 100px;
  margin: 0;
  background-color: red;
}
</style>
</head>
<body>
<div class="box"></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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論