jquery - 如何在 Firefox 插件中使用 jQuery？

Question

我想在我的 Firefox 扩展的侧边栏中使用 jQuery。这就是我在 sidebar.xul 中包含 jQuery 的方式

  <script type="application/x-javascript" src="chrome://myaddon/content/
  scripts/jquery/js/jquery-1.4.4.min.js"/>

  <script type="text/javascript">jQuery.noConflict();</script>

第一个问题，为什么我们使用jQuery.noConflict()函数？

我尝试了其他一些问题的解决方案，但它对我不起作用。

这对我在 FF 3.6.13 上仍然不起作用:

<script type="application/x-javascript" 
       src="chrome://myextension/content/scripts/jquery/js/jquery-1.4.4.min.js"/>
  <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function () {
        alert("hello");
    });
 </script>

Answer 1

当您包含其他库(如prototype、mootools、YUI 等)时，当这些库中的一个或多个与 jQuery 一起使用时就会出现问题，因为它们也使用 $() 作为全局函数并定义变量。这种情况会产生冲突，因为 jQuery 和其他库使用 $() 作为其全局函数。为了克服这种情况，jQuery 引入了 jQuery.noConflict()。

所以你基本上可以这样做

 var $j = jQuery.noConflict();

现在您可以使用 $j() 而不是 $() 编写 jQuery 命令

至于 firefox 插件，我假设您指的是 firebug。您输入 jquery 的区域称为控制台。您可以阅读http://getfirebug.com/commandline了解更多信息