jQuery实现判断控件是否显示的方法
本文实例讲述了jQuery实现判断控件是否显示的方法。分享给大家供大家参考，具体如下：
核心代码:
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>
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
-
本文向大家介绍jQuery判断元素是否显示 是否隐藏的简单实现代码，包括了jQuery判断元素是否显示 是否隐藏的简单实现代码的使用技巧和注意事项，需要的朋友参考一下 jQuery判断元素是否显示 是否隐藏的简单实现代码 var node=$('#id'); 第一种写法 第二种写法 以上这篇jQuery判断元素是否显示 是否隐藏的简单实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也
-
本文向大家介绍jQuery判断对象是否存在的方法，包括了jQuery判断对象是否存在的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery判断对象是否存在的方法。分享给大家供大家参考。具体如下： 一、传统Javascript的写法 在jQuery中，var obj = $("#id")无论id这个控件是否存在，都是返回object，这样可就无法使用if(obj)来判断这个控件是
-
本文向大家介绍jquery判断checkbox是否选中及改变checkbox状态的实现方法，包括了jquery判断checkbox是否选中及改变checkbox状态的实现方法的使用技巧和注意事项，需要的朋友参考一下 jquery判断checked的三种方法： .attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或fals
-
本文向大家介绍Android判断NavigationBar是否显示的方法（获取屏幕真实的高度），包括了Android判断NavigationBar是否显示的方法（获取屏幕真实的高度）的使用技巧和注意事项，需要的朋友参考一下 有些时候，我们需要知道当前手机上是否显示了NavigationBar，也就是屏幕底部的虚拟按键。 比如截屏的时候，要获取屏幕的高度，必须包括NavigationBar的高度。
-
本文向大家介绍jQuery判断checkbox是否选中的3种方法，包括了jQuery判断checkbox是否选中的3种方法的使用技巧和注意事项，需要的朋友参考一下 jQuery能够极大提高html的编写效率，其中checkbox的选中判断有几种： 1， $(checkbox的id).prop("checked") 返回的是一个boolean值类型 2， $(this).is(":checked")
-
本文向大家介绍jQuery判断一个元素是否可见的方法，包括了jQuery判断一个元素是否可见的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery判断一个元素是否可见的方法。分享给大家供大家参考。具体如下： jQuery 可以很容易地确定一个元素是可见的或是隐藏的，然后分别做不同的处理。如：我想根据某 div 是否可见，在按钮上显示不同的文字和图标。可以这样实现： 方法一： 方