jquery实现显示与隐藏的几种方式:
2015-03-24 17:05
316 查看
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.待续
<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.待续
相关文章推荐
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。
- Jquery实现显示和隐藏的4种简单方式
- Jquery实现显示和隐藏的4种简单方式
- Jquery实现显示和隐藏的4种简单方式
- Jquery实现显示和隐藏的4种简单方式
- Android 实现悬浮的几种方式(二)HeaderView显示隐藏
- Jquery 4种方式实现简单的显示和隐藏
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式修改提交对应的那一行的修改内容。
- jquery中实现显示、隐藏、淡入淡出
- jquery实现搜索框提示文字显示隐藏
- jquery与DataGrid实现点击列名显示/隐藏详细信息
- jQuery 网易相册鼠标移动显示隐藏效果实现代码
- php/mysql/jquery实现各系统流行的瀑布流显示方式,实现很简单的哈!!!!
- jquery实现文本显示与隐藏功能
- 用JQuery+CSS实现form表单的显示和隐藏
- php/mysql/jquery实现各系统流行的瀑布流显示方式,实现很简单的哈!!!!
- php/mysql/jquery实现各系统流行的瀑布流显示方式
- jquery实现显示和隐藏
- Jquery中显示隐藏的实现代码分析
- JQuery实现鼠标点击文本框显示隐藏提示文本