Getting into jQuery – it would be nice to have jQuery items on my blog site. 

In this post, I show how to add it along with some things to watch out for.

I tried adding the jQuery JS file reference to the admin section – settings page: “HTML head section” and “Tracking script” areas without success.  I then tried the site.master, in the themes directory, which would only load the script once per page.  The jQuery script likes to sit right above the </head> section.  

Update your site.master:  Add in jQuery.js.

The next issue – collisions with BE.N’s script.  Appears they both use $.  To resolve this, add: $j = jQuery.noConflict();  -> to all your jQuery scripts where you reference $.  Now user “j$” instead of “$”.  I know it’s a pain – but the value of BE.N out weights it.

 Below is an example showing how to user jQuery.  The code, get it here, shows calling events and calling a custom function (for left padding). 

jQuery Example

Associate click event and Creating jQuery functions

Thank You for listening.

jQuery_example_date.zip (616.00 bytes)