網頁上使用jQuery進行開發時,很容易出現一些問題。其中之一是div無法顯示的問題。
$(document).ready(function(){ $("button").click(function(){ $("div").hide(); }); });
在上面的示例中,通過點擊按鈕隱藏div。但是,如果運行代碼后,div沒有隱藏,而是依然顯示在頁面上怎么辦?
原因可能是由于以下幾個方面:
1、未引入jQuery庫
在代碼中沒有引入jQuery庫,就無法運行jQuery的方法。
2、錯誤的選擇器
$(document).ready(function(){ $("button1").click(function(){ $("div").hide(); }); });
在上面的示例中,選擇器button1寫錯了,沒有與HTML代碼中的按鈕相匹配。應該將代碼改為$("button")。
3、錯誤地調用代碼
$(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); $("button").click(function(){ $("div").hide(); }); });
在上面的代碼中,當點擊按鈕時會同時隱藏p和div,但是如果div的CSS樣式中有display:none,那么Jquery的hide方法則不會起作用。
上述三種情況可以排除后,div還是不顯示,那么可能是其他原因造成的問題。需要仔細檢查代碼,或者參考其他開發者遇到相似問題的解決方案。
上一篇代碼中虛線css