简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jquery点击切换背景色的简单实例

来源:易贤网   阅读:1904 次  日期:2016-08-30 14:26:14

温馨提示:易贤网小编为您整理了“jquery点击切换背景色的简单实例”,方便广大网友查阅!

下面小编就为大家带来一篇jquery点击切换背景色的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。

不说了,上代码:

<!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点击切换背景色的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JavaScript中闭包之浅析解读(必看篇)
下一篇:浅析Javascript ES6中的原生Promise
易贤网手机网站地址:jquery点击切换背景色的简单实例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!