Jquery实现控件的隐藏和显示实例


Posted in Javascript onFebruary 08, 2014
<!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>
Javascript 相关文章推荐
javascript中判断一个值是否在数组中并没有直接使用
Dec 17 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
jquery删除ID为sNews的tr元素的内容
Apr 10 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
js完美解决IE6不支持position:fixed的bug
Apr 24 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
Jun 11 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
Vue.js自定义事件的表单输入组件方法
Mar 08 Javascript
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
Jan 24 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
Apr 21 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
Jul 28 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 #Javascript
Select标签下拉列表二级联动级联实例代码
Feb 07 #Javascript
javascript运行机制之this详细介绍
Feb 07 #Javascript
jQuery获取当前对象标签名称的方法
Feb 07 #Javascript
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 #Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
Feb 07 #Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
Feb 07 #Javascript
You might like
一个可查询所有表的“通用”查询分页类
2006/10/09 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
PHP Yaf框架的简单安装使用教程(推荐)
2016/06/08 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
Laravel框架学习笔记之批量更新数据功能
2019/05/30 PHP
PHP如何通过date() 函数格式化显示时间
2020/11/13 PHP
禁止刷新,回退的JS
2006/11/25 Javascript
js 图片轮播(5张图片)
2008/12/30 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
一系列Bootstrap导航条使用方法分享
2016/04/29 Javascript
AngularJS中一般函数参数传递用法分析
2016/11/22 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
深入理解JavaScript中的for循环
2017/02/07 Javascript
js实现网页定位导航功能
2017/03/07 Javascript
jQuery中map函数的两种方式
2017/04/07 jQuery
将angular-ui的分页组件封装成指令的方法详解
2017/05/10 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
vue集成百度UEditor富文本编辑器使用教程
2018/09/21 Javascript
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
js模拟F11页面全屏显示
2019/09/17 Javascript
[01:12]DOTA2 2015年秋季互动指南
2015/11/10 DOTA
[40:03]RNG vs VG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
从零学python系列之数据处理编程实例(一)
2014/05/22 Python
Python OS模块常用函数说明
2015/05/23 Python
python删除某个字符
2018/03/19 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
英国门把手公司:Door Handle Company
2019/05/12 全球购物
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
银行毕业实习自我鉴定
2013/09/19 职场文书
公司年会主持词
2014/03/22 职场文书
漫画「你在春天醒来」第10卷封面公开
2022/03/21 日漫