检查元素是否为隐or不, jQuery:隐可以使用选择器。.toggle()函数用于切换元素的可见性。
语法如下:
$(element).is(":hidden");
例子:
<
!DOCTYPE html>
<
html lang = "en" >
<
head >
<
meta charset = "utf-8" >
<
title >
Jquery Hidden element Checking
<
/ title >
<
style >
h1 {
color: green;
}table, th, td {
border: 1px solid black;
}
<
/ style >
<
script src =
"https://code.jquery.com/jquery-1.12.4.min.js" >
<
/ script >
<
script type = "text/javascript" >
$(document).ready(function() {
$("button").click(function() {
$("table").toggle("slow", function() {
if ($("table").is(":hidden")) {alert(" Hidden Element.");
} else {
alert("Element Visible.");
}
});
});
});
<
/ script >
<
/ head >
<
body >
<
center >
<
h1 >
Geeks for Geeks<
/ h1 >
<
button type = "button" >
Click!
<
/ button >
<
table style = "width:60%" >
<
tr >
<
th >
Language Index<
/ th >
<
th >
Language Name<
/ th >
<
/ tr >
<
tr >
<
td >
1<
/ td >
<
td >
C<
/ td >
<
/ tr >
<
tr >
<
td >
2<
/ td >
<
td >
C++<
/ td >
<
/ tr >
<
tr >
<
td >
3<
/ td >
<
td >
Java<
/ td >
<
/ tr >
<
tr >
<
td >
4<
/ td >
<
td >
Python<
/ td >
<
/ tr >
<
tr >
<
td >
5<
/ td >
<
td >
HTML<
/ td >
<
/ tr >
<
/ table >
<
/ center >
<
/ body >
<
/ html >
【在jQuery中如何检查元素是否隐藏()】输出如下:
点击之前:
文章图片
单击后:
文章图片
文章图片
推荐阅读
- 算法设计(第n个卡塔兰数算法实现)
- jQuery如何使用ajaxError()方法(代码示例)
- 背景效果(CSS背景属性用法示例)
- PHP如何使用Ds PriorityQueue copy()函数(示例)
- Express.js req.protocol属性的用法介绍
- U盘万能驱动_本文教您U盘驱动
- acer bios设置,本文教您宏碁笔记本怎样bios设置U盘打开
- u盘 修好,本文教您u盘损坏怎样修好
- U盘修好_本文教您金士顿U盘修好工具