当页面上已有旧版本时，如何在chrome扩展内容脚本中使用jquery

Question

我正在编写一个镀铬扩展程序，可以摆弄页面的布局。 我想使用最新版本的jQuery来做到这一点。

有问题的页面已经包含jQuery的1.4.4版本作为其脚本之一的一部分。

如果我包含更新版本的jQuery，页面会挂起。 如何包含最新版本的jQuery，以便它只能用于我的内容脚本，并且不会影响页面上已有的脚本？

Answer 1

如果您将jquery注入内容脚本，它将被沙箱化 ，无论父页面使用什么，您都不会有任何冲突。

Answer 2

通过使用No Conflict模式并在闭包中执行代码，您实际上可以命名不同的jQuery版本。 例如：

<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    jq162 = jQuery.noConflict(true);
    (function ($) {
        $(function () {
            // Your document ready code here
        });
    })(jq162);
</script>

请注意，此声明使jq162可用于全局范围，因此可以在其他地方重复使用。 如果您更喜欢在本地范围内定义jQuery实例，请将其设为var 。