亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

 不說(shuō)了，上代碼：

<!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)擊切換背景色的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論