How do check if an element is hidden in jQuery?

How do I check if an element is hidden in jQuery? It is possible to toggle the visibility of an element, using the functions .hide(), .show() or .toggle(). How would you test if an element is visible or hidden?

$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden"); 

OR

You can use the hidden selector:

// Matches all elements that are hidden
$('element:hidden')
And the visible selector:

// Matches all elements that are visible
$('element:visible')