<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var flag = 1; //计数器,标记
$('div').click(function() {
if (flag == 1) { //第一次点击
$(this).css('background', 'black');
flag = 2;
} else if (flag == 2) { //第二次点击
$(this).css('background', 'blue');
flag = 3;
} else if (flag == 3) { //第三次点击
$(this).css('background', 'red');
flag = 1;
}
});
});
/* var flag = 1;
function find() {
if (flag == 1) { //第一次点击
$("div").css('background', 'black');
flag = 2;
} else if (flag == 2) { //第二次点击
$("div").css('background', 'blue');
flag = 3;
} else if (flag == 3) { //第三次点击
$("div").css('background', 'red');
flag = 1;
}
} */
</script>
</head>
<body>
<div style="width: 100px;height: 100px;border: solid 1px;" onclick="find();"></div>
</body>
利用jQuery点击DIV变颜色的小例子
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。