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）选择器。