Skip to main content
 首页 » 编程设计

jquery之如何在 Firefox 插件中使用 jQuery

2026年03月25日780dflying

我想在我的 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> 

请您参考如下方法:

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

所以你基本上可以这样做

 var $j = jQuery.noConflict(); 

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

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