首頁猿問感覺自己寫得是對的，麻煩幫忙看看關...

感覺自己寫得是對的，麻煩幫忙看看關于JQuery的toggleClass()的用法問題！

Java JQuery

忽然笑 2021-06-15 15:11:21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>無標題文檔</title><script type="text/javascript" src="js/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){$("b").click(function(){$("i").toggleClass("mian");});});</script><style type="text/css"></style></head><body><div id="i"></div><button id="b">Click</button></body></html>

查看完整描述

2 回答

弒天下

TA貢獻1818條經(jīng)驗獲得超8個贊

$(document).ready(function(){ $("#b").click(function(){ $("#i").toggleClass("mian"); });});

.mian { background-color: #3333FF!important; height: 500px; width: auto;}

使用Id選擇器用#_ ,如果你想用toggleClass("mian"),就把background-color:#33F!important;

class選擇器沒有Id選擇器高，如果要覆蓋Id選擇器，只能用!important;

反對回復 2021-06-20

慕的地10843

TA貢獻1785條經(jīng)驗獲得超8個贊

注意選擇器的寫法。。。
改成:
$("#b").click(function(){
$("#i").toggleClass("mian");
});
還有toggleClass是對指定的class進行刪加，所以把i用class來指定。你用的是ID所以無法修改。
<div id="i" class="i"></div>
.i {
width: auto;
height: 100px;
background-color: #FFCC00;
}