最近在使用jQuery的過程中,發(fā)現(xiàn)了一個(gè)問題——jQuery-3.3.1.js文件報(bào)錯(cuò)了。
我的代碼是這樣的:
$(document).ready(function() {
$('#button').click(function() {
alert('Button clicked!');
});
});
但是瀏覽器控制臺(tái)卻顯示了以下錯(cuò)誤信息:
Uncaught TypeError: $ is not a function
at (index):8
經(jīng)過一番查找后,我得知這是因?yàn)閖Query庫(kù)文件沒有被正確引用,導(dǎo)致$符號(hào)無法使用。
于是我將jQuery-3.3.1.js文件重新下載并引用,問題得以解決。
正確引用jQuery庫(kù)文件的方法是:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Test</title>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body>
<button id="button">Click me!</button>
<script>
$(document).ready(function() {
$('#button').click(function() {
alert('Button clicked!');
});
});
</script>
</body>
</html>
這是一個(gè)簡(jiǎn)單的jQuery測(cè)試頁(yè)面,其中使用了CDN引入jQuery文件,可以提高網(wǎng)頁(yè)加載速度。
在項(xiàng)目中使用jQuery時(shí),不要忘記正確引用jQuery庫(kù)文件哦!