在使用jQuery進行網頁開發時,我們經常會遇到$未定義的問題。
這個問題的原因是jQuery是一個JavaScript庫,而$符號實際上只是jQuery的一個別名。如果我們在使用jQuery時沒有導入jQuery庫,就會出現$未定義的情況。
解決這個問題很簡單,只需要在HTML文檔的
標簽中添加jQuery庫的引用即可:<head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head>
上述代碼指定了jQuery庫的URL,這是一個常見的用法。當然,我們也可以將jQuery庫下載到本地,在HTML文檔中直接引用:
<head> <script src="jquery-3.6.0.min.js"></script> </head>
這樣就可以在代碼中使用$了,例如:
$(document).ready(function(){ $('button').click(function(){ $('p').toggle(); }); });
使用這段代碼可以實現點擊按鈕時隱藏或顯示所有的
元素。
在實際開發中,我們經常會使用各種開源庫和框架,如果這些庫或框架依賴于jQuery,我們也需要在代碼中導入jQuery庫。所以,導入jQuery庫是我們進行網頁開發的一個基本操作。