How can I use JQuery in my Google Chrome extension with Manifest 3?

Question

I am trying to figure out how I can use JQuery in my background.js for Google Chrome extension development for Manifest 3. All of the other answers I have found are for Manifest 2.

Thank you in advance for the help.

Answer 1

After some more research and time spent trying to figure out how to make this work I figured it out.

To add jquery to your background.js you need to add the following to your manifest.

  "content_scripts": [
    {
      "css":["/css/jquery/jquery-ui.min.css", "/css/jquery/jquery-ui.structure.min.css"],
      "js":["/js/jquery/jquery-3.6.0.min.js", "/js/jquery/jquery-ui.min.js"],
      "matches": ["*://*/*"],
      "run_at": "document_end"
    }
  ],