jQueryで要素の表示状態を判定する方法

jQueryを使用し要素の表示・非表示状態を判定する方法をいくつか紹介します。

//--- is(':visible') ---
if ($('#target').is(':visible')){
  //要素が表示されている場合
}

//--- is(':hidden') ---/
if ($('#target').is(':hidden')){
  //要素が非表示の場合
}

//---　$('.target:visible') ---/
if ($('#target:visible')[0]){
  //要素が表示されている場合
}

//---　$('.target:hidden') ---/
if ($('#target:hidden')[0]){
  //要素が非表示の場合
}

//---　$('.target').css('display') ---/
if ($('#target').css("display")=="none"){
  //要素が非表示の場合
}