專注Java教育14年
全國咨詢/投訴熱線：400-8080-105
更新時(shí)間：2021-09-01 11:09:44 來源：動(dòng)力節(jié)點(diǎn) 瀏覽2240次
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>點(diǎn)擊顏色切換</title>
<script src="jquery.min.js" type="text/javascript"></script>
<style>
.dd{float:left; padding:5px 10px; text-align:center; border:1px solid #eee; margin:10px; float:left; font-size:12px; cursor:pointer }
.dd:hover{background-color:#eee;}
</style>
</head>
<body>
<div id="selOld">
<label id="1" class="dd" style="background-color:white">一</label>
<label id="2" class="dd" style="background-color:white">二</label>
<label id="3" class="dd" style="background-color:white">三</label>
<label id="5" class="dd" style="background-color:white">五</label>
<label id="11" class="dd" style="background-color:white">十一</label>
</div>
<div id="selLable" class="sel_div">
</div>
<script >
$(function(){
$("#selOld dd").css("background-color","rgb(255, 255, 255)");
$("#selOld").on("click",".dd",function(){
//$("#selOld dd").on(click,function(){
if($(this).css("background-color")=="rgb(255, 255, 255)"){
$(this).css("background-color","#87CEFA")
}else if($(this).css("background-color")=="rgb(135, 206, 250)"){
$(this).css("background-color","#FFFFFF");}
//})
})
});
</script>
</body>
</html>
以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"實(shí)現(xiàn)jQuery點(diǎn)擊顏色切換的方法"，希望對(duì)大家有幫助，想了解更多可查看 jQuery教程。動(dòng)力節(jié)點(diǎn)在線學(xué)習(xí)教程，針對(duì)沒有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識(shí)，讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程，感興趣的同學(xué)可以關(guān)注一下。
Java實(shí)驗(yàn)班
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
Java就業(yè)班
有基礎(chǔ) 直達(dá)就業(yè)
Java夜校直播班
業(yè)余時(shí)間 高薪轉(zhuǎn)行
Java在職加薪班
工作1~3年，加薪神器
Java架構(gòu)師班
工作3~5年，晉升架構(gòu)
提交申請(qǐng)后，顧問老師會(huì)電話與您溝通安排學(xué)習(xí)
京公網(wǎng)安備 11030102010736號(hào)