How to check if somthing is hidden in Jquery?

suppose you have an element of some kind that you’re hiding and showing, using .hide(), .show() or .toggle(). in Jquery.How to see if that element is currently hidden or visible on the screen?

For single element, this code might be more suitable:

$(element).is(":visible") // Checks for display:[none|block], ignores visible:[true|false]