您的位置：首页 > Web前端 > JQuery

jQuery判断元素是否是隐藏的代码

2011-04-24 00:00 459 查看

核心代码:

if($("#elem_id").is(":hidden")) 
{ 
}

实例代码1:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title> New Document </title> 
<meta name="Generator" content="EditPlus"> 
<meta name="Author" content=""> 
<meta name="Keywords" content=""> 
<meta name="Description" content=""> 
<script type="text/javascript" src="jquery-1.4.2.js"> 
<!-- 
//--> 
</script> 
<script type="text/javascript"> 
<!-- 
$(document).ready(function(){ 
$("#btnToogle").click(function(){ 
$("#dvTest").toggle(); 
alert( $("#dvTest").is(":visible")); //判断元素显示或隐藏状态 
}); 
$("#btnTestIs").click(function(e){ 
// alert( $(e.target).is("input") ); //判断元素的标名称 
alert( $("#btnToogle").parent().is("body") ); 
}); 
}); 
//--> 
</script> 
</head> 
<body> 
<input type="button" value="toogle div" id="btnToogle"> 
<div style="width:50px; height:100px; border:solid 1px red; background-color:blue;" id="dvTest"> 
</div> 
<br /> 
<hr /> 
<input type="button" value="toogle div" id="btnTestIs"> 
</body> 
</html>

jquery判断div是否隐藏实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>绑定函数</title> 
<script src="jquery-1.3.2.js"></script> 
<script> 
$(document).ready(function(){ 
var temp= $("#test").is(":hidden");//是否隐藏 
var temp1= $("#test").is(":visible");//是否可见 
alert(temp) ; 
alert(temp1) ; 
}); </script> 
</head> 
<body> 
<p onclick='test()'>刷新测试</p> 
<div id="test" style="display:none"></div> 
</body> 
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航