jquery检查元素是否隐藏的方法：1、利用is()方法和“:hidden”选择器，语法“元素对象.is(“:hidden”)”；2、利用is()方法和“:visible”选择器，语法“元素对象.is(“:visible”)”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery检查元素是否隐藏
1、利用is()方法和“:hidden”选择器
nbsp;html>$(document).ready(function() {$("button").click(function() {if ($("#hide").is(":hidden")) {console.log("#hide元素隐藏了");} else {console.log("#hide元素没隐藏，是可见的");}if ($("#show").is(":hidden")) {console.log("#show元素隐藏了");} else {console.log("#show元素没隐藏，是可见的");}});});#hide元素-我是隐藏的内容，你看不到我。#show元素-我是显示的内容，你看的到我。
登录后复制
2、利用is()方法和“:visible”选择器
$(document).ready(function() {$("button").click(function() {if ($("#hide").is(":visible")) {console.log("#hide元素没隐藏，是可见的");} else {console.log("#hide元素隐藏了");}if ($("#show").is(":visible")) {console.log("#show元素没隐藏，是可见的");} else {console.log("#show元素隐藏了");}});});
登录后复制
运行结果和上图一样。
说明：
可见性过滤选择器：
$(“div:hidden”) 选取所有不可见的元素
$(“div:visible”) 选取所有可见的元素
is() 方法用于查看选择的元素是否匹配选择器。
【推荐学习：jQuery视频教程、web前端开发视频】
以上就是jquery怎么检查元素是否隐藏的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2937216.html
