Here are some of the best tutorials that I’ve found:


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:


or you can just reference the library URL:

(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:


Here is the code:

 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <style type="text/css">h2 {background-color: orange;}</style>

 <h1>Click Me</h1>
 <h2>Long tail keywords and that go in here</h2>
 <h3>Heading three</h3>


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s