Visual jQuery (http://api.jquery.com/visual/) is a command dictionary with a tree structure allowing you to find the right jQuery method for your task at hand. Once you select a method, you see a description of the method as well as the parameters it receives. There are also multiple examples showing you how the method works.
While I feel like I have a pretty good grasp of jQuery now, I still pull up Visual jQuery at least a few times a week. It seems I also learn something new every week about jQuery. Two little shortcuts I have found over the past week have drastically decreased the amount of code needed for a few tasks.
First, when you are looking for an element that has some specific text in it you do not have to loop through every element checking the .text() of it. Instead, simply using
$(".myClass:contains('the text you are looking for')");
will select any element with the class 'myClass' that has the shown text. So what used to take 3 or 4 lines of looping through a bunch of elements can now be accomplished with 1 line. I wish I had learned this months ago.
Second, when selecting elements there are some usefull criteria such as :visible, :selected, :first and :contains() as seen above. These can also be used with the .is() method. To check if an element is visible, you can simply use
Since the .is() method returns a boolean value, it is most useful in conditional statements.
I learned both of these time/code saving shortcuts on Visual jQuery. Not only is it a great tool to start learning with, its also great for continued exploration of jQuery.