Take the most popular CMS, WordPress, and then take the easiest and most versatile of Javscript libraries, jQuery, and you have a match made in heaven. Implementing jQuery within WordPress is a lot easier than you would think, all you need is a little support from the huge WP community and a little patience, and you are good to go. Below you will find 30 Tutorials Combining both WordPress and jQuery.
Including jQuery in WordPress (The Right Way)
When you download jQuery, put it on your server and link to it from your header.php file in the <head> section, this can cause you problems. Some plugins use the jQuery library, and they are going to load it as well and on top of that already has the jQuery library included. This can cause problems.
In this tutorial you will learn how to load up jQuery in your theme the smart (and intended) way, avoiding conflicts.
Display a Random Post (with AJAX Refresh)
In this tutorial you will learn how to display a random post with Ajax refresh, and you will be surprised at how easy this is to do. You are going to leverage some serious smartness from both WordPress and from the JavaScript library jQuery.
Design An Elegant Featured Content Slider for WordPress
In this tutorial, you’ll create an elegant featured content slider for WordPress based on The Coda Slider, a neat device used by Panic Software to display information about their “Coda” product on their website. This effect is beautiful, flexible, and often emulated.
Create an Attractive jQuery Menu with Fadein and Fadeout Effect
In this tutorial you will create a jQuery menu using the Fadein and Fadeout effect. To develop the menu it requires a lot of CSS works, so roll up your sleeves.
How to Highlight Search Terms with jQuery
A nice way to spice up your WordPress search page is to highlight search terms within your search results. In this tutorial you will learn to highlight both title and post content.
WordPress Featured Post Slideshow
In this tut you’ll be learning how to create a featured and “latest posts” section within WordPress, and animate it with jQuery. You will be using the jQuery Cycle plugin built for slideshows. To make it work you give it an element and it turns every child of that element into a slide.
Implement a Nice & Clean jQuery Sliding Panel in WordPress
In this tutorial, you will learn how to create a smooth sliding login/signup panel for your WordPress site using jQuery.
Build a Basic Newspaper style layout with WordPress and jQuery
Grid and Magazine templates are becoming more and more popular in WordPress development, so, in this tutorial you will use jQuery to create a grid layout with size-degrading headers.
Build the ANidea Theme Switcher using jQuery
This tutorial will teach you how to create the cool theme switcher that is used on the ANidea web site. In the tutorial, you’ll cover the client side of Theme Switcher, which consists of the HTML, CSS and JavaScript (jQuery).
How To Create Tabs Using jQuery
This tutorial is primarily for WordPress, but can easily be ported anywhere else. You will be creating a tabs section within the sidebar, a popular and useful feature in WordPress themes.
Use jQuery to Jazz Up Your List of Latest Posts
A lot of blogs display a list of their most recent or popular posts in their sidebar, more often than not just showing the title of each one. But how can you give your reader an idea of what that post is about by using the excerpt, without taking up too much room? Using a little jQuery, you can.
Create a jQuery Carousel with WordPress Posts
This tutorial will give you a quick run down of how to easily add a simple and easily customizable carousel with WordPress posts from a specified category, using the jQuery plugin jFlow.
Adding Form Validation to WordPress Comments using jQuery
When it comes to simpler user experience, having your form validation happen instantly on the same page is a lot cleaner than reloading pages and possibly losing some form content. In this tutorial you’ll be shown how to use jQuery to do some instant checking on a comment form.
Using jQuery to liven up your WordPress Login
Using the jQuery principal “less is more…”, in this tutorial you will learn a quick method of simplifying the clients login process using a jQuery lightbox.