>首页> IT >

jquery怎么判断某个元素是否显示

时间:2022-04-28 16:58:37       来源:PHP中文网

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中,可用“:visible”选择器和is()方法来判断某个元素是否显示

is() 方法用于查看选择的元素是否匹配选择器。

:visible 选择器选取当前可见的每个元素。

除以下几种情况之外的元素即是可见元素:

设置为 display:none

带有 type="hidden" 的表单元素

width 和 height 设置为 0

隐藏的父元素(这也会隐藏子元素)

判断某个元素是否显示的语法:

元素对象.is(":visible")

表示查看指定元素是否匹配“:visible”选择器,即是否为可见元素

示例:

<script src="js/jquery-1.10.2.min.js"></script><script>$(function () {            $("button").click(function () {   var node=$("span");               if(node.is(":visible")){   alert("显示元素");   }else{   alert("隐藏元素,将它显示出来");   node.show();   }            })        })    </script>
这是一段可见的div内容。

这是一段可见的内容。

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么判断某个元素是否显示的详细内容,更多请关注php中文网其它相关文章!

关键词: 相关文章 以下几种 视频教程