使用jQuery无法加载图片求助：同目录图片加载失败

首先得说你代码里最显眼的问题：图片路径没加引号！你在切换图片的时候写的minus.png和plus.png，直接裸写的话JavaScript会把它们当成未定义的变量，这会直接触发语法错误，导致整个JS代码跑不起来，图片自然加载失败。

修正后的完整代码 #

$(function() {
    $('#main').append('<img src="plus.png" alt="click to see the paragraph" id="clickMe" />')
    $('#clickMe').toggle(function() {
        $('#message').show('fast');
        $('#clickMe').attr('src', 'minus.png'); // 给图片路径加上单引号
    }, function(){
        $('#message').hide('slow');
        $('#clickMe').attr('src', 'plus.png'); // 这里同样要加引号
    });
    $('#message').hide();
});

如果修正后还是加载失败，再检查这几点 #

• 核对文件名大小写：Windows系统文件名不区分大小写，但Linux/macOS或者线上服务器是区分的，要确保代码里的plus.png和实际文件名完全一致，比如别写成Plus.png或者plus.PNG。
• 看浏览器控制台报错：按F12打开开发者工具，切换到「控制台」标签，看看有没有其他错误提示，比如找不到#main或者#message元素这类问题。
• 强制刷新清缓存：有时候浏览器会缓存错误的资源，按Ctrl+Shift+R（Windows）或Cmd+Shift+R（Mac）强制刷新页面试试。
• 确认文件位置：直接在浏览器地址栏输入图片的访问路径（比如本地环境输入http://localhost/plus.png），如果打不开，说明图片确实没放在和HTML、JS同一目录下。

内容的提问来源于stack exchange，提问作者arkusie