试图将jquery加载到tampermonkey脚本中

Question

我正在编写一个脚本,当加载登录页面时,该脚本会登录到我的大学网络.

代码如下所示

// ==UserScript==
// @name       My Fancy New Userscript
// @namespace  http://use.i.E.your.homepage/
// @version    0.1
// @description  enter something useful
// @match      <College login page>
// @copyright  2012+, You
// ==/UserScript==    
$(document).ready(function() {

    var usr=document.getElementsByName("username");

    var pass = document.getElementByName("password");

    usr.value="usrname";    
    pass.value="password";    

    var submitButton = document.querySelector ('input[type="submit"][value="Login"]');

    var clickEvent  = document.createEvent ('MouseEvents');

    clickEvent.initEvent ('click', true, true);

    submitButton.dispatchEvent (clickEvent);

    });

控制台显示错误说

$ is not defined

谁能告诉我这里发生了什么？

Answer 1

您需要@require在用户脚本标头中加载jQuery.就像是:

// @require http://code.jquery.com/jquery-3.4.1.min.js

(选择所需的jQuery Core版本,例如从这里)

Answer 2

对于未来的谷歌用户来说，

如果您已经使用了上述方法，但您的脚本似乎仍然没有加载 jQuery，请尝试查看空格，并尝试将缩进与标头的其余部分相匹配。显然，缩进很重要。

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://stackoverflow.com/*
// @require      http://code.jquery.com/jquery-3.4.1.min.js 
              ^ here should be correct amount of spaces
...