Search jQuery

jQuery Forum

Getting Started

safewolf

a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

in Getting Started • 12 years ago

hi, everyone

i'm a newbie on jquery

i'm studying it with the latest version, and following a book called "Learning Jquery"

but i encountered a error, and i don't know what the problem is:

i copied the code from the book like this:

$('a[@href^="mailto:"]').addClass('mailto');

to try to change the links which start with "mailto" to the new class "mailto"

but there's a error reported:

uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

anyone can tell me how to correct the problem?

Replies(5)

airishka

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

12 years ago

Hi,

it seems that your book is written for earlier version of jQuery,

using @ sign was deprecated since jQuery v1.2 and removed in v1.3

remove @ from the selector -> $('a[href^="mailto:"]').addClass('mailto');

regards

safewolf

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

12 years ago

thanks airishka

there's no syntax error now

but i found the $('a[href^="mailto:"]').addClass('mailto') seems not work

this is my code:

<html>
<head>
<title>Page 02</title>
</head>
<style>
.horizontal {
float: left;
list-style: none;
margin: 10px;
}
.sub-level {
background-color: #ffc;
}
a {
color: #00f; /* make plain links blue */
}
a
.mailto {
color: #f00; /* make email links red */
}
a.pdflink {
color: #090; /* make PDF links green */
}
a.mysite {
text-decoration: none; /* remove internal link underline */
border-bottom: 1px dotted #00f;
}
</style>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script language="javascript">
$(document).ready(function() {
$('#selected-plays > li').addClass('horizontal');
$('#selected-plays li:not(.horizontal)').addClass('sub-level');
$('a[href^="mailto:"]').addClass('mailto');
$('a[href$=".pdf"]').addClass('pdflink');
$('a[href*="mysite.com"]').addClass('mysite');
});
</script>
<body>
<div>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is yet another paragraph.</p>
</div>
<ul id="selected-plays">
<li>Comedies
<ul>
<li><a href="http://www.mysite.com/asyoulikeit/"> As You Like
It</a></li>
<li>All's Well That Ends Well</li>
<li>A Midsummer Night's Dream</li>
<li>Twelfth Night</li>
</ul>
</li>
<li>Tragedies
<ul>
<li><a href="hamlet.pdf">Hamlet</a></li>
<li>Macbeth</li>
<li>Romeo and Juliet</li>
</ul>
</li>
<li>Histories
<ul>
<li>Henry IV (<a href="mailto:henryiv@king.co.uk">email</a>)
<ul>
<li>Part I</li>
<li>Part II</li>
</ul>
<li><a href="http://www.shakespeare.co.uk/henryv.htm"> Henry
V</a></li>
<li>Richard II</li>
</ul>
</li>
</ul>
</body>
</html>

airishka

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

12 years ago

it doesn't work because you've misplaced your css and js code

it should be inside the '<head>' element or an external file

regards

safewolf

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

12 years ago

i write the <style></style> and <script></script> inside the file

i think it's the same as including a css file or a js file, isn't it rite?

airishka

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

12 years ago

these elements should be inside the <head> or <body> elements, but not between them

<head>
      <title>some title</title>
      <style>.someClassName { .... }</style>
      <script type="text/javascript">...</script>
</head>

please, read this
http://www.htmlquick.com/tutorials/document-structure.html

and this
http://www.netmechanic.com/news/vol5/html_no3.htm

regards

Top Reply

Response title

Attachments

jQuery Forum

a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

Replies(5)

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

Re: a syntax error,uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]

Statistics

Tags

Actions