How do I add a simple jQuery script to WordPress?

Solution for : How do I add a simple jQuery script to WordPress?

After much searching, I finally found something that works with the latest WordPress. Here are the steps to follow:

1) Find your theme's directory, create a folder in the directory for your custom js (custom_js in this example).

2)Put your custom jQuery in a .js file in this directory (jquery_test.js in this example).

3)Make sure your custom jQuery .js looks like this:

?

1 2 3 4 5

(function($) { $(document).ready(function() { $('.your-class').addClass('do-my-bidding'); }) })(jQuery);

4)Go to the theme's directory, open up functions.php

5)Add some code near the top that looks like this:

?

1 2 3 4 5 6 7 8 9 10 11

//this goes in functions.php near the top function my_scripts_method() { // register your script location, dependencies and version    wp_register_script('custom_script',    get_template_directory_uri() . '/custom_js/jquery_test.js',    array('jquery'),    '1.0' );  // enqueue the script   wp_enqueue_script('custom_script');   } add_action('wp_enqueue_scripts', 'my_scripts_method');

6) Check out your site to make sure it works!