Uncaught ReferenceError: img is not defined

Question

所以我是 JQuery 和 HTML 的新手，我在控制台中收到 Uncaught ReferenceError: img is not defined 错误，但我不知道这意味着什么或如何修复它。 ... 我的项目应该是幻灯片放映，所以当您单击下一个按钮时，它会转到下一张图片。我还没有添加所有的照片，因为我想先让它工作，但会有 4 张。另外，我在可汗学院使用编辑器，所以如果一些变量很奇怪（比如 var) 这就是为什么。

这是我的正文和脚本代码，感谢您的帮助！

<body>

<br>
<img>
<button type="button" id="next">Next ➡</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> //access to jQuery library
<script>
var photo=function(nums){
    console.log("nums "+nums);//checking to see if the right number was received from the function
    if (nums===1){
        $("img")//I think the problem is here
            .css("src","https://www.kasandbox.org/programming-images/food/mushroom.png")//photo on khan academy
            .css("width","400")
            .css("alt","Mushrooms");
    } else if (nums===2){
        $("img")
            .css("src","https://www.kasandbox.org/programming-images/food/coffee-beans.png") //photo on khan academy
            .css("width","400")
            .css("alt","Coffee Beans");
    }  
    $("img").slideDown(1000);
}

$("img").hide();

$("#next").on("click", function() {
        var num = 0;
        if(num < 4){
            num++;
        }else{
            num = 1;
        }
        console.log("num "+num);//checking to see if the right number was sent to the function
        photo(num);
    });


</script>
</body>

Answer 1

img 需要是一个字符串

使用$("img")

你写的方式 javascript 正在寻找一个你从未定义过的名为 img 的对象.. 或者你可以像这样定义 img var img = "img"

Answer 2

将$(img)更改为$("img")。您错过了 "，所以浏览器正在寻找不存在的 img object。

Uncaught ReferenceError: img is not defined

Uncaught ReferenceError: img is not defined

jquery

html

referenceerror