Jquery实现控件的隐藏和显示实例
更新时间：2014年02月08日 08:58:38 作者：
本篇文章主要是对Jquery实现控件的隐藏和显示实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
复制代码 代码如下:
<!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=gb2312" />
<title>jquery</title>
<script type="text/javascript" src="jquery-1[1].3.2.min.js"></script>
<style type="text/css">
.big{ font-size:30px; color:#FF0000;}
</style>
<script type="text/javascript">
$(function(){
$('#click_event').click(function(){
$('#click_event').html('');
if($('#hidden_enent').is(':hidden'))
{
$('#hidden_enent').show();
$('#click_event').html('隐藏');
}
else
{
$('#hidden_enent').hide();
$('#click_event').html('显示');
}
})
})
</script>
</head>
<body>
<div id="click_event" style="cursor:pointer">隐藏</div>
<div id="hidden_enent">测试隐藏</div>
</body>
</html>
相关文章
这篇文章主要介绍了jQuery中append()方法用法,实例分析了append()方法的功能、定义及在匹配元素的结尾插入指定内容的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery定义背景动态切换效果的方法,实例分析了jQuery操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
这篇文章主要介绍了jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法,可实现图片拖拽变换的功能,需要的朋友可以参考下2015-08-08
下面小编就为大家带来一篇深入理解jQuery 事件处理。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
手头不是很忙，突然想到了ajax queue这个概念，之前貌似有看技术文章中提到过这个，就想着用jquery来实现一下，思想比较简单2011-09-09
jQuery插件easyUI实现通过JS显示Dialog的方法
这篇文章主要介绍了jQuery插件easyUI实现通过JS显示Dialog的方法,实例分析了jQuery插件easyUI弹出Dialog的具体实现技巧,需要的朋友可以参考下2016-09-09
jQuery操作CheckBox的方法介绍(选中,取消,取值)
本篇文章主要是对jQuery操作CheckBox的方法(选中,取消,取值)进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了判断浏览器的内核及版本号方法汇总,需要的朋友可以参考下2015-01-01
jq stop()和:is(:animated)的用法及区别(详解)
下面小编就为大家带来一篇jq stop()和:is(:animated)的用法及区别(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
这篇文章主要介绍了jQuery使用$.ajax进行异步刷新的方法,涉及jQuery实现ajax异步刷新实现数据交互的相关技巧,并提供了完整示例demo供读者下载参考,需要的朋友可以参考下2015-12-12
最新评论