首頁  >  文章  >  web前端  >  javascript選擇器失效怎麼辦

javascript選擇器失效怎麼辦

藏色散人
藏色散人原創
2023-02-10 10:15:582252瀏覽

javascript選擇器失效是因為程式碼不規範導致的,其解決方法:1、把引入的JS程式碼去掉,ID選擇器方法即可有效;2、在引入「jquery.js」之前引入指定JS代碼即可。

javascript選擇器失效怎麼辦

本教學操作環境:Windows10系統、javascript1.8.5版本、Dell G3電腦。

javascript選擇器失效怎麼辦?

jQuery的ID選擇器失效問題

jQuery的ID選擇器,在同一專案別的檔案中一切正常;

在目前頁面,jQuery的其它功能(如:$(document).ready(function(){  alert("ok"); });)運作正常,

但是ID選擇器方法失效,如alert($("#user"))結果顯示為null。

原因:

目前頁引入了一些JS程式碼,可能是這些程式碼不規範導致的。

解決:

(1)把引入的JS程式碼去掉,ID選擇器方法有效;

        (2)因為必須用這些JS程式碼,所以在引入jquery.js之前引進這些JS程式碼,經測試ID選擇器方法有效。

相關拓展:

#id ​​選擇器選取帶有指定 id 的元素。

id ​​引用 HTML 元素的 id 屬性。

注意:id 屬性在文件內必須是唯一的。

注意:不要使用數字開頭的 id 屬性!在某些瀏覽器中可能出問題。

語法

$("#id")参数:

id ​​必要。規定要選取的元素的 id。   

推薦學習:《JavaScript影片教學

以上是javascript選擇器失效怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn