2012-09-08 40 views
3

類型$在Chrome控制檯然後回報

$; 
function() { [native code] } 

並獲得DOM元素:

$("container"); 
<div class=​"container" id=​"container">​…​</div>​ 

但它不能在腳本塊的工作:

window.onload = function (argument) { 
    var container = $("container"); 
    Uncaught ReferenceError: $ is not defined 
} 
+2

您已經包括了jQuery庫?據我所知,你不能像純js那樣使用$。 – OptimusCrime

+2

$不是內置函數。它用在流行的jQuery庫中。 –

回答

11

你」重新得到錯誤,因爲那樣,而Google Chrome控制檯有它自己的$快捷操作或者,它不是提供給原來的窗口:

Chrome Developer Tools: Console

如果你想要像在你的應用程序的功能,您將需要包括一些其他圖書館(jQuery是流行的選擇,在這裏,但也有其他人像Prototype,MooTools等),或者你可以簡單地將函數從jQuery控制檯中提取出來,如果這就是你所需要的。

+0

啊,這解釋了爲什麼返回「[native code]」。 – 2012-09-08 02:58:29

+0

該文件非常有用 – flowerszhong

3

通過查看Chrome控制檯中$函數的實際內容,可以推斷出它實際上只不過是Chrome開發人員在控制檯中內置的「工具箱功能」。由於它在控制檯中,因此無法從可用的窗口訪問它。

所述內容:

function $(element) { 
    if (arguments.length > 1) { 
    for (var i = 0, elements = [], length = arguments.length; i < length; i++) 
     elements.push($(arguments[i])); 
    return elements; 
    } 
    if (Object.isString(element)) 
    element = document.getElementById(element); 
    return Element.extend(element); 
} 
相關問題