ASP.NET 頁面中 jQuery 選擇器報「缺少對象」錯誤的排查清單

錯誤信息

JavaScript 運行時錯誤: 缺少對象，發生在 $("#img").attr("src", ...)。

三步排查法

1. jQuery 是否加載：
   Console 輸入 typeof $ 或 $.fn.jquery，若顯示 undefined，檢查 <script src="jquery.js"> 路徑、順序（需在自定義腳本之前）。
2. 元素 ID 是否存在：
   HTML 中是否有 <img id="img" ...>？注意大小寫、拼寫、是否在 runat="server" 導致 ClientID 變化（如 ctl00_ContentPlaceHolder1_img）。
   解決：ClientIDMode="Static" 或選擇器用 $('[id$=img]')。
3. 元素是否有 src 屬性：
   <img> 標簽原生支持 src，但若是 <div id="img"> 則無此屬性，需用 data-src 或 .css('background-image')。

修正代碼

<img id="img" src="/Login/ValidateCode/?id=1" ClientIDMode="Static" />
<a href="javascript:void(0)" onclick="changeCheckCode()">看不清，換一張</a>

<script>
function changeCheckCode() {
    var $img = $("#img");
    if ($img.length) {
        $img.attr("src", $img.attr("src").split('?')[0] + "?id=" + Date.now());
    }
}
</script>