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

jquery點(diǎn)擊切換背景色的簡單實(shí)例

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

剛在自己的前端技術(shù)群里有個(gè)小伙伴兒問到這個(gè)問題，點(diǎn)擊的時(shí)候進(jìn)行紅色背景和白色背景的切換，然后我就臨時(shí)想到了一個(gè)解決方法，在這里記錄一下吧，希望還有別的剛學(xué)習(xí)前端的小伙伴兒能用到，大神就請繞道咯！另外提一下，自己這個(gè)前端群都是一群熱愛前端的小伙伴兒，如果你是一個(gè)人在自學(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點(diǎn)擊切換背景色的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論