How can I use jQuery in Greasemonkey scripts in Google Chrome?

by

From “User Script Tip: Using jQuery – Erik Vold’s Blog”

// ==UserScript==
// @name         jQuery For Chrome (A Cross Browser Example)
// @namespace    jQueryForChromeExample
// @include      *
// @author       Erik Vergobbi Vold & Tyler G. Hicks-Wright
// @description  This userscript is meant to be an example on how to use jQuery in a userscript on Google Chrome.
// ==/UserScript==

// a function that loads jQuery and calls a callback function when jQuery has finished loading
function addJQuery(callback) {
  var script = document.createElement("script");
  script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);
}

// the guts of this userscript
function main() {
  // Note, jQ replaces $ to avoid conflicts.
  alert("There are " + jQ('a').length + " links on this page.");
}

// load jQuery and execute the main function
addJQuery(main);

More Related Contents:

  1. Click event on select option element in chrome
  2. Why does Chrome ignore local jQuery cookies?
  3. How can I use jQuery in Greasemonkey?
  4. The specified value does not conform to the required format yyyy-MM-dd
  5. WebKit issues with event.layerX and event.layerY
  6. How to get a cookie from an AJAX response?
  7. Injecting JS functions into the page from a Greasemonkey script on Chrome
  8. jQuery `.is(“:visible”)` not working in Chrome
  9. How do I auto-hide placeholder text upon focus using css or jquery?
  10. jQuery .attr(“disabled”, “disabled”) not working in Chrome
  11. jQuery-UI is not working in my userscript without CSS, or with customization?
  12. How do you stop Chrome and Opera sorting JSON objects by Index ASC?
  13. How to bind to localStorage change event using jQuery for all browsers?
  14. Distinguish Chrome from Safari using jQuery.browser
  15. What makes a jQuery object show up as an array in Chrome’s Developer Tools?
  16. jquery ajax problem in chrome
  17. Chrome showing error as: Refused to execute inline script because of Content-Security-Policy
  18. Weird Chrome prototype/jQuery conflict
  19. CORS request – why are the cookies not sent?
  20. How to make Chrome remember password for an AJAX form?
  21. Selecting text on focus using jQuery not working in Safari and Chrome
  22. Extension refuses to load the script due to Content Security Policy directive
  23. How to detect if a browser is Chrome using jQuery?
  24. Google Chrome viewport-anchored expand direction with flexbox
  25. jQuery behaving strange after page refresh (F5) in Chrome
  26. How do I console.log a jQuery DOM Element in Chrome?
  27. Custom CSS to allow chrome textarea resize smaller than initial state?
  28. Chrome userscript error: “Unsafe JavaScript attempt to access frame”
  29. Can jQuery selectors be used with DOM mutation observers?
  30. Chrome file upload bug: on change event won’t be executed twice with the same file

Leave a Comment