javascript - Trying to load jquery into tampermonkey script - Stack Overflow

admin管理员组

文章数量:1134586

I am writing a script which logs into my college network when the login page is loaded.

The code looks as follows

// ==UserScript==
// @name       My Fancy New Userscript
// @namespace  /
// @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);

    });

The console shows a error saying

$ is not defined

Can someone tell me what is going on here?

I am writing a script which logs into my college network when the login page is loaded.

The code looks as follows

// ==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);

    });

The console shows a error saying

$ is not defined

Can someone tell me what is going on here?

• javascript
• jquery
• tampermonkey

Share Improve this question Follow asked Jul 15, 2014 at 8:58 JonahJonah 2,11744 gold badges2020 silver badges2424 bronze badges

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 371

You need to have a @require in the user script header to load jQuery. Something like:

// @require https://code.jquery.com/jquery-3.6.0.min.js

(Selecting your desired version from the of list of available versions of jQuery)

For future googlers,

If you have used the above method and still jQuery doesn't seem to be loaded by your script try looking at the spaces, And try to match the indentation with the rest of the header. Apparently the indentation is important.

// ==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
...

本文标签： javascriptTrying to load jquery into tampermonkey scriptStack Overflow