如果你使用jQuery改變CSS樣式顏色時,卻發現沒有任何變化,很可能是由于以下原因造成的。
//沒有正確引入jQuery <head> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> </head> //改變CSS顏色時,沒有指定具體的CSS屬性 $('button').click(function(){ $('h1').css('color', 'red'); });
以上代碼有兩個問題。第一個問題是沒有正確引入jQuery庫,而jQuery是改變CSS樣式的必要庫。所以,你需要先在HTML的<head>中引入jQuery庫。
第二個問題是改變CSS顏色時,沒有指定具體的CSS屬性。因為在CSS中有很多顏色屬性會影響到元素,如background-color、color、border-color,等等。所以,你在改變CSS顏色時必須要指定具體的CSS屬性,如下代碼:
$('button').click(function(){ $('h1').css('color', 'red'); });
上面代碼中,將h1元素的顏色改為紅色,使用了css()方法,并指定了color屬性。
上一篇jq改變css使其顯示
下一篇css在線格解壓縮