jQuery选择器在控制台中不起作用

我不能为我的生活工作这一个。 我有js运行,’container state ..’是来自页面上运行的js的控制台日志。 它正在显示一个选择器,但如果我想在控制台中做任何事情,它只返回null。 我假设某种程度上我在某处编写jQuery函数,好像我调用了jQuery

>>> $ function() 

这就是我调用选择器的方式

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

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 

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

 $ = jQuery.noConflict(); 

如果你的$超载(但不是jQuery ),并且你想在你的控制台中工作,只需执行以下操作:

 $ = jQuery; 

就如此容易。

要获得更完整的解决方案(真正的开发,而不仅仅是控制台),请使用@Joseph the Dreamer的解决方案。

Firefox和Chrome都将$定义为控制台中document.getElementById的简写。 当页面定义$时,将自动覆盖此简写。

因此,加载jQuery(例如通过书签 ),您可以使用jQuery选择器。

如果您不需要特定于jQuery的选择器,您还可以使用$$ ,它是document.querySelectorAll的简写,它支持CSS(3)选择器。