<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刪除。