為什么返回document.getElementById不起作用

Question

var $ = function (id){return document.getElementById(id);}
 window.onload=function(){
 $("num").onfocus=function(){
        $("show").style.display="block";
 }

未捕獲的TypeError：undefined不是函數

但是當我將$（“ num”）更改為$（“＃num”）時，為什么可以呢？

Answer 1

您必須在頁面上加載jQuery，並且將$定義為局部變量，因此在onload期間，$變量采用舊的含義，即jQuery。 jQuery使用與CSS相同的選擇器。

您可以通過禁用不需要的jQuery或將其設置為兼容模式或將$變量設置為全局變量來解決問題。

Answer 2

如果您的代碼有效

a）沒有加載jQuery

b）添加缺少的花括號

現場演示

var $ = function (id){return document.getElementById(id);} 

window.onload=function(){
   $("num").onfocus=function(){
        $("show").style.display="block";
   }       
 }

Answer 3

您最有可能引用的是信息量不大的 jQuery $變量名。 原因是在引用jQuery框架（源）的情況下， window.jQuery和window.$都指向jQuery實例。

---

實際上，next應該能按預期工作：

  window.onload=function(){ var $ = function (id){return document.getElementById(id);} $("num").onfocus=function(){ $("show").style.display="block"; } }