Of Stack

jQuery implements the method of judging whether the control is displayed or not

  • 2021-07-10 18:22:01
  • OfStack

This paper describes the method of judging whether the control is displayed by jQuery. Share it for your reference, as follows:

Core code: 


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

Example code 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")); // Determine the display or hiding state of elements 
});
$("#btnTestIs").click(function(e){
// alert( $(e.target).is("input") ); // Determine the label name of the element 
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 determines whether div hides the instance 


<!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> Binding function </title>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function(){
var temp= $("#test").is(":hidden");// Whether to hide 
var temp1= $("#test").is(":visible");// Visible or not 
alert(temp) ;
alert(temp1) ;
}); </script>
</head>
<body>
<p onclick='test()'> Refresh test </p>
<div id="test" style="display:none"></div>
</body>
</html>

More readers interested in jQuery can check the topics of this site: "Summary of jQuery Page Element Operation Skills", "Summary of jQuery Extension Skills", "Summary of jQuery Common Plug-ins and Usage", "Summary of jQuery Drag Effects and Skills", "Summary of jQuery Table (table) Operation Skills", "Summary of Ajax Usage in jquery", "Summary of jQuery Common Classic Special Effects", "Summary of jQuery Animation and Special Effects Usage" and "Summary of jquery Selector Usage"

I hope this article is helpful to everyone's jQuery programming.

Related articles: