31 Great WordPress jQuery Resources

I have been spending a lot of time recently looking into WordPress and jQuery.  jQuery is a Javascript library built to create some amazing user experiences.  I found some amazing information in my searches so I decided to share them with the Pingable community.  (pssst. Stay tuned for a cool jQuery/WordPress related announcement from Pingable)

Simply put, jQuery is a Javascript library that allows web designers to create some neat effects.  For some cool examples of what jQuery can do, check out this site.

Mostly, jQuery is used to overlay elements in a manner that had never previously been possible.  When you see a nice Lightbox effect when viewing an image, it is most likely a jQuery effect.

However, jQuery and WordPress don’t always play nicely together.  Although you can load the jQuery library with one simple line of code in the header.php file:

<?php wp_enqueue_script("jquery"); ?>

Make sure this tag goes before the wp_head tag.  You can load the jQuery library using the wp_enqeue tag.  Read the Codex documentation on this before moving forward.  Also read digwp’s opinion on the matter.

it can sometimes conflict with other plugins or themes.

Without further delay, here are some excellent resources, tutorials and plugins for incorporating jQuery into WordPress.

WordPress jQuery Plugins

  1. jQuery Lightbox
  2. WP Wall
  3. jQuery Comment PreviewComment Preview jQuery Plugin
  4. Simple Modal Contact FormSimple Modal Contact Form jQuery
  5. Shockingly Big IE6 Warning
  6. WordPress Tabs using jQuery
  7. Reply to comment feature
  8. Featured post slideshow
  9. jQuery Form Validation
  10. Overlayed Login Form
  11. Tweet Blender
  12. Tweet Blender

  13. OpenID Commenting
  14. Infinite Scrolling (no pagination)
  15. Image Drop Shadows
  16. Advanced Search (live AJAX results)
  17. Highlight Search Terms
  18. News Ticker of Posts
  19. Social Bookmarks with jQuery
  20. jQuery Shoutbox
  21. Smooth Tooltips
  22. Create slick data tables
  23. Small, overlay messages
  24. Polaroid Picture Overlay
  25. Content Slider
  26. jQuery Rotating Image Widget

Resources and Tutorials

  1. jQuery Crash Course
  2. jQuery in 15 minutes
  3. Getting Started with jQuery
  4. Including WordPress and jQuery (the right way)
  5. Using Google (jQuery) libraries
  6. Turning a jQuery plugin into a WordPress plugin

Stay tuned for a cool jQuery related WordPress announcement from Pingable!

4 thoughts on “31 Great WordPress jQuery Resources”

  1. very nice list of resources… i think it took you some time to build it. i used lightbox till now for on website and it’s pretty nice… i’ll try those for comments, because they look interesting

  2. Nice list! I must be one of the last web designers on earth to start looking at using WordPress as a CMS, I’ve been using Drupal for the last couple of years, so obviously this list is a lovely find for me!

    I thought “Shockingly Big IE6 Warning” was a fantastic name for a plugin, I couldn’t stop myself going to find just how shockingly big the warning was. It was fairly shocking alright, but I get the feeling it might scare the bejaysus out of the less tech savvy visitors who see it – and that’ll be the vast majority of IE6 users unfortunately!

  3. Hi Dusty.

    Thanks for sharing this list. Thank you for the tips as well. This sounds amazing and so I want to try it and see how this thing would work for my blogs. I am using WordPress.

    Regards,

    Sarah

Leave a Reply

Your email address will not be published. Required fields are marked *