JQuery判断div(控件)是否为隐藏

1 以下是JavaScript 中判断div是否为隐藏代码引用片段:
2
3 if (div.style.display == "none") {
4     div.style.display = "block";
5 }
6 else {
7     div.style.display = "none";
8 }
 1 以下是JQuery 中判断div是否为隐藏代码引用片段:
 2
 3 <html xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6 <title>jquery判断div是否为隐藏</title>
 7 <script src="jquery-1.3.2.js"></script>
 8 <script>
 9 $(document).ready(function(){
10     var temp= $("#test").is(":hidden"); //是否隐藏
11     var temp1= $("#test").is(":visible"); //是否可见
12     alert(temp);
13     alert(temp1);
14
15     //$(".sFeature").click(function() {
16     //    var FeatureId = $(this).attr("id");
17     //    if($("#bp" + FeatureId).is(":hidden")) {
18     //        $("#bp" + FeatureId).show();
19     //    }
20     //    else {
21     //        $("#bp" + FeatureId).hide();
22     //    }
23     //});
24 });
25 </script>
26 </head>
27 <body>
28 <p onclick=‘test()‘>隐藏测试</p>
29 <div id="test" style="display:none"></div>
30 </body>
31 </html>

转载自:http://www.lezhu99.com/1741.html

时间: 2024-08-23 21:48:53

JQuery判断div(控件)是否为隐藏的相关文章

html 隐藏显示控件 判断是否控件隐藏

判断控件是否隐藏 $('#select_modelid').is(':hidden') 设置隐藏 $('#select_modelid').hide(); 设置可见 $('#modelid').show(); 在控件上设置隐藏 <input type="hidden" id="modelidOld"/>

基于jQuery 常用WEB控件收集

Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. Horizontal accordion: jQuery jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion. jQuery-Horizontal Accordion AutoComplete-JQuery jQuery插件易于集成到现在的表单中(Form). AutoComplete-JQuery Facebook

一些基于jQuery开发的控件

基于jQuery开发,非常简单的水平方向折叠控件.主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html (无法找到)下载:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html 示例:http://letmehaveblog.blogspot.com/2007

基于Bootstrap的JQuery TreeView树形控件,数据支持json字符串、list集合(MVC5)

BZ第一次自己写博客,心情好激动!!BZ也是小菜,本文如果有什么不对的地方,希望大神们多多指教,也希望和我一样的小菜多多学习.BZ在这里谢过各位. BZ最近看了很多博友的有关TreeView的博客,发现很多都是WebForm.JQuery的.因为BZ使用的是MVC的原因,所以决定写一写关于MVC和Bootstrap的TreeView. PS:基于Bootstrap的JQuery TreeView树形控件,JQuery版本为2.1.1(下载网上的基于Bootstrap的JQuery TreeVie

使用Uploadify 时,同时使用了jQuery.Validition 验证控件时,在IE11上出现JS缺少对象错误。

场景: 使用jQuery.1.8.2 使用 Uploadify 3.2上传控件 使用jQuery.Validition 1.9 验证 使用IE 11 时,当鼠标点击上传按钮时,会出现JS 缺少对象错误.如下图: 错误定位在jQuery中. 排查后发现是引用了jQuery Validition 验证控件导致的. 在jQuery Validition控件初始化中,有下面一段代码: $currentSection .validateDelegate(":text, [type='password'],

Jquery 操作Html 控件 CheckBox、Radio、Select 控件 【转】http://www.cnblogs.com/lxblog/archive/2013/01/09/2853056.html

Jquery 操作Html 控件 CheckBox.Radio.Select 控件 在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox.radio.select,用 Jquery 库操作其他会方便很多,下面用Jq对这些控件的操作进行一个全面的代码总结. 一.Jquery 对 CheckBox 的操作: <input id="ckb1" name="ckb" checked="checked"

jquery操作select2控件

(一)select2常用的操作:添加.移除.获取选中的value()与text() (1)移除事件:$("#select_id").unbind("change");   //为Select移除选择改变事件 unbind的用法:①定义和用法 unbind() 方法移除被选元素的事件处理程序.该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行. ubind() 适用于任何通过 jQuery 附加的事件处理程序. ②取消绑定元素的事件处理程序和

自定义的jquery ui树控件

简单的自定义jquery ui树控件,用于机构人员,支持自动加载下级节点数据 jQuery.widget("xway.Tree", { _Node: function(data) { this.id = data.type + "_" +data.id; this.trid = "tr_" + this.id; this.label = data.label; this.parent = null; this.tree = null; this.

jquery M97-datepicker日历控件

My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件:     <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 3.页面使用两个方式:     常规调用:  <input id="d11" type="tex