jquery判断div是否隐藏实例

最新推荐文章于 2021-04-20 13:47:50 发布

FLY_THINK2012

最新推荐文章于 2021-04-20 13:47:50 发布

阅读量78

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/MMLoveMeMM/articles/3557940.html

版权

1、http://www.my97.net/dp/demo/index.htm

一个很好的时间控件，可以下载其js文件，用在开发中非常好用

选择日期从当天开始，第二个框只能选择第一个框中选择日期后的两个月内的日期

<th style="font-size: 14px">有效时间:</th>
                                                         <td colspan="3">
                                                         <input id="timeStart" class="Wdate" type="text" onFocus="WdatePicker({minDate:'%y-%M-%d'})"  name="timeStart" />
                                                         &nbsp;-&nbsp;<input id="timeEnd" name="timeEnd" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'timeStart\')}',maxDate:'#F{$dp.$D(\'timeStart\',{M:2})}'})"/>
                                                         </td>




<td></td><td colspan="2">
         <input id="timeStart" class="Wdate" style="width:100px" type="text" onFocus="WdatePicker({minDate:'%y-%M-%d'})"  name="timeStart" value='<s:date name="startTime" format="yyyy-MM-dd"/>'/>
         &nbsp;-&nbsp;<input id="timeEnd" name="timeEnd" class="Wdate" style="width:100px" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'timeStart\')}',maxDate:'#F{$dp.$D(\'timeStart\',{M:2})}'})" value='<s:property value="endTime"/>'/>
         </td>

2、时间显示处理:

<span class="indate">有效期：
                                              
        <s:date name="(startTime.before(endTime))?startTime:endTime" format="yyyy-MM-dd" />
                                          
          至<s:date name="(startTime.before(endTime))?endTime:startTime" format="yyyy-MM-dd"/>
                                                 
 </span>

3、jquery实现显示隐藏:

$("#id").css('display','none'); 
 $("#id").css('display','block'); 
或 
$("#id")[0].style.display = 'none';

$("#id")返回的是JQuery 它是个集合肯定有display属性
$("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

2、javascript实现显示隐藏

<script>
 function chg(){
 if(document.getElementById("sel").value=="txt"){
 document.getElementById("txt").style.display="";
 document.getElementById("btn").style.display="none";
 }else{
 document.getElementById("txt").style.display="none";
 document.getElementById("btn").style.display="";
 }
 }
 </script>
 <html><head></head><body>
 <select id="sel" onChange="chg()">
 <option value="txt">txt</option>
 <option value="btn">btn</option>
 </select>
 <input type="text" name="txt" id="txt" style="display:none">
 <input type="button" name="btn" value="btn" id="btn" style="display:none">
 </body>
 </html>

jquery判断div是否隐藏实例(返回的是布尔值false/true字符串)

<!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>