Here are some of the best tutorials that I’ve found:
http://www.littlewebhut.com/javascript/
As ever W3 schools has a good tutorial as well.
Just including JQuery in a web page is a ball ache, after that it’s a lot more fun.
In order to use JQuery in a webpage you either need to download the code from http://jquery.com/ and then place it in a javascript .js file and upload it to your site and refer to it each time you write any JQuery.
Your code might look like this:
http://jquery-1.8.0.min.js
http://my_code2.js
or you can just reference the library URL:
//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
(please note, wordpress has edited the quotation marks above to make them curly. They shouldn’t look like that, they should be straight, this should be fine if you input them into a code editor)
The most distinctive code from JQuery is the $() function.
In terms of SEO, the ‘toggle’ function is really useful.
To include ‘long tail’ keywords, you normally need a lot of text. However, a lot of text on a webpage, is often not very practical or attractive.
With the toggle function, text can be hidden until a visitor clicks a “read more” button or text.
There should be an example here:
http://drewphp.zymichost.com/Toggle.html
Here is the code:
<head>
<title>JQuery</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">h2 {background-color: orange;}</style>
</head>
<body>
<h1>Click Me</h1>
<h2>Long tail keywords and that go in here</h2>
<h3>Heading three</h3>
http://jquery-1.8.0.min.js
http://my_code1.js
</body>
Small Business Dad 