jquery 判斷元素是否可見的實作方法

jquery判斷元素是否可見的實作方法：先選擇要判斷的元素；然後用「is()」配合「:visible」選擇器來判斷是否可見，其語法如「$(selector). is(":visible")」。

本教學操作環境：windows7系統、jquery1.10.0版本、thinkpad t480電腦。

推薦：《jquery影片教學》《javascript基礎教學》

jquery判斷元素是否可見

方法很簡單，選擇到你要判斷的元素，再用is()配合:visible選擇器來判斷是否可見；語法$(selector).is(":visible")。

is()方法使用者查看選擇的元素是否配選擇器；:visible 選擇器選取每個目前是可見的元素。

判斷是否可見的程式碼：

if($('#div').is(':visible')){
      //如果显示时。。。
}else{
      //如果隐藏时。。。
}

說明：

除以下幾種情況之外的元素即是可見元素：

設定為display :none

type="hidden" 的表單元素

Width 和height 設定為0

隱藏的父元素（同時隱藏所有子元素）

以上是jquery 判斷元素是否可見的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！