Question

My page has jQuery referenced, as other code is already running correctly. But I need to add some new code, and decided to try testing the selector directly in Firebug before writing the code. So I go to the console and type in my selector:

$("h3:contains('Keynote')");

Now, this may or may not be a valid selector. I don’t care, at this point. When I hit enter, I’m getting the following error:

TypeError: $ is not a function

Now I know if you get that error in code that’s actually running on your page, it’s usually either because jquery is not referenced or running (which we know it is) or because there are conflicts with another library. But would code that’s run directly in the console be affected by that? And if so, how do I get around it for testing purposes? Do I have to skip testing this way in Firebug and just write the code in my file and test from there?

If it helps, when I click on the link to the error message, this is what I get:

Answer 1

Have you tried replacing the $ with jQuery?

jQuery("h3:contains('Keynote')");

My first guess would be a conflict which this should handle.