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

隐藏的父元素（同时隐藏所有子元素）