jquery tools error: Uncaught Error: Syntax error, unrecognized expression: [href=/]

Question

I just loaded jQuery Tools onto my site. But the Google Chrome console shows an error:

Uncaught Error: Syntax error, unrecognized expression: [href=/] (http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js)

The jQuery version I am using is 1.7.1

How to deal with this problem?

Answer 1

I'm assuming you have a selector that is meant to match elements with an href attribute value of /. You will need to put the / character in quotes:

var elems = $("[href='/']");

Alternatively, you can escape the character:

var elems = $("[href=\\/]");

From the jQuery docs:

If you wish to use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[\]^{|}~` ) as a literal part of a name, you must escape the character with two backslashes: \\.

Here's a working example. Remove the quotes to generate the same error you mention in your question.