Loading jQuery into chrome-extension

Question

I\'m trying my first step into the magical world of Chrome Extensions. Now i\'ve build up my manifest trying to load jquery.

{
    \"name\": \"Test Extension         


        

Answer 1

$.("#test").html("Foo!");

should be

$("#test").html("Foo!");

The error you are getting is consistent with this part of the code being incorrect.

Answer 2

Content scripts will never run in the context of an extension. The correct way to load scripts in your browser action popup is by including it in your code. Let your manifest file be:

{
    "name": "Test Extension",
    "version": "0.1",
    "manifest_version": 2,
    "options_page": "options.html",
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html",
        "default_title": "Click me!"
    }
}

And popup.html:

...
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="popup.js"></script>