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 相关文章推荐
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
Nov 04 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
vue elementui el-form rules动态验证的实例代码详解
May 23 Javascript
深入了解js原型模式
May 30 Javascript
jQuery实现简易QQ聊天框
Feb 10 jQuery
ant design的table组件实现全选功能以及自定义分页
Nov 17 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学习之 数组声明
2011/06/09 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
php上传文件常见问题总结
2015/02/03 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
仿163填写邮件地址自动显示下拉(无优化)
2008/11/05 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
Node.js开发之访问Redis数据库教程
2015/01/14 Javascript
javascript实现简单查找与替换的方法
2015/07/22 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
2016/04/28 Javascript
jQuery UI结合Ajax创建可定制的Web界面
2016/06/22 Javascript
Bootstrap CSS布局之表格
2016/12/17 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
jQuery图片切换动画效果
2017/02/28 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
2017/07/31 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
python GUI库图形界面开发之PyQt5多行文本框控件QTextEdit详细使用方法实例
2020/02/28 Python
使用SQLAlchemy操作数据库表过程解析
2020/06/10 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
Python读写Excel表格的方法
2021/03/02 Python
机关办公室岗位职责
2014/04/16 职场文书
经销商年会策划方案
2014/05/29 职场文书
机电专业求职信
2014/06/14 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书