如何在 Greasemonkey Javascript 脚本中使用 jQuery？

Question

我在这里看到了一个问题，也看到了很多关于将 jquery 引入 Greasemonkey 的博客文章，但我无法让任何东西发挥作用。

这是我的脚本：

// ==UserScript==
// @name          Hello jQuery
// @namespace     http://foo.bar
// @description   jQuery test script
// @include       *
// ==/UserScript==

#{contents of jquery.latest.js pasted in}

unsafeWindow.jQuery = jQuery;

$(document).ready(function() {
    alert('Hello world!');
});

我希望在刷新页面时看到警报，这样我就可以开始实际编程。我尝试了很多其他方法，但到目前为止没有任何效果。该脚本在小猴子菜单中启用...

编辑：脚本部分现在看起来像这样：

foo();

function foo() {
    $ = unsafeWindow.jQuery;
    $('tr td.row2:nth-child(4)').css("background-color", "#999");
}

它不起作用。我知道 jQuery 很好，因为我可以从 Greasemonkey 外部运行它。 如果不用 jQuery 函数，只需说alert('hello');效果很好；我收到页面加载警报。

Answer 1

好吧，首先，我不会将 jQuery 粘贴到其中。只需使用 @require Greasemonkey 指令（这必须位于您的脚本标头中）。

// @require        http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js  

另外，您还可以向后分配 jQuery。它应该更像是：

function foo() {
  $ = unsafeWindow.jQuery;
  // or jq = unsafeWindow.jQuery, or whatever you'd like to call it

  ...
}

这是我通常在 我的脚本 中所做的事情。

Answer 2

使用 @require 导入的 jQuery 似乎驻留在 window 而不是 unsafeWindow 中。