jquery实现显示与隐藏的几种方式:

来源:互联网 发布:手机排队软件 编辑:程序博客网 时间:2024/06/01 14:18

1.通过is函数:

 <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
 <script type="text/javascript" src="lhgcalendar.min.js"></script>

 <script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
if($("#tt").is(":visible")){

$("#tt").hide();
}
else{

$("#tt").show();
}

});
});

 </script>


<input type="button" id="btn" value="测试">
<div id="tt" style="display:none;width:200px;height:100px;border:1px solid #666">dddd</div>

2.待续


0 0
原创粉丝点击