jQuery選擇器在控制台中不起作用

Question

我不能為我的生活工作這一個。 我有js正在運行，'container state ..'是來自頁面上運行的js的控制台日志。 它正在顯示一個選擇器，但如果我想在控制台中做任何事情，它只返回null。 我假設某種程度上我在某處編寫jQuery函數，好像我調用了jQuery

>>> $
function()

這就是我調用選擇器的方式

Container state 3 jQuery(div.module-carousel)
>>> $('body')
null  

Answer 1

jQuery使用2個命名空間， jQuery和$ 。 另一個圖書館可以使用$ 。 嘗試使用jQuery而不是$ （假設它也沒有被覆蓋）：

jQuery('body');

或者在一個立即函數中包裝jQuery並在其中使用$ ，這樣你就不需要在現有代碼中替換$ ：

(function($){
    //"$" in here is jQuery
    //code that uses $ as jQuery will work in here
}(jQuery)); //pass in jQuery and execute

Answer 2

你可以在控制台上編寫任何命令之前使用它。

$ = jQuery.noConflict();

Answer 3

如果你的$超載（但不是jQuery ），並且你想在你的控制台中工作，只需執行以下操作：

$ = jQuery;

就如此容易。

要獲得更完整的解決方案（真正的開發，而不僅僅是控制台），請使用@Joseph the Dreamer的解決方案。

Answer 4

Firefox和Chrome都將$定義為控制台中document.getElementById的簡寫。 當頁面定義$時，將自動覆蓋此簡寫。

因此，加載jQuery（例如通過書簽 ），您可以使用jQuery選擇器。

如果您不需要特定於jQuery的選擇器，您還可以使用$$ ，它是document.querySelectorAll的簡寫，它支持CSS（3）選擇器。