jQuery元素的隐藏与显示实例


Posted in Javascript onJanuary 20, 2015

本文实例讲述了jQuery元素的隐藏与显示的方法。分享给大家供大家参考。具体实现方法如下:

<html xmlns="http://www.w3.org/1999/xhtml">  

<head runat="server">  

    <title></title>  

    <script type="text/jscript" src="jquery/jquery-1.10.2.js"></script>  

    <script type="text/javascript">  

        $(document).ready(function () {  

            $("#but1").click(function () {  

                $("#tex1").hide();  

            });  

        })  

        $(document).ready(function () {  

            $("#but2").click(function () {  

                $("#tex1").show();  

            });  

        })      

    </script>  

</head>  

<body>  

    <form id="form1" runat="server">  

    <div>  

    <input type="button" value="客户端隐藏"  onclick="document.getElementById('tex1').style.display='none'" />  

    <input type="button" value="客户端显示"  onclick="document.getElementById('tex1').style.display='inline'" />  

    <input type="button" value="$客户端隐藏" id="but1" />  

    <input type="button" value="$客户端显示" id="but2" />  

    <input type="text" id="tex1" />  

    </div>  

    </form>  

</body>  

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
有关于JS辅助函数inherit()的问题
Apr 07 Javascript
js this函数调用无需再次抓获id,name或标签名
Mar 03 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
Oct 30 Javascript
Angular 组件之间的交互的示例代码
Mar 24 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
Jun 23 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 Javascript
JavaScript逻辑运算符相关总结
Sep 04 Javascript
JavaScript实现班级抽签小程序
May 19 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 #Javascript
DOM基础教程之使用DOM控制表单
Jan 20 #Javascript
DOM基础教程之使用DOM控制表格
Jan 20 #Javascript
jQuery实现tag便签去重效果的方法
Jan 20 #Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 #Javascript
DOM基础教程之事件类型
Jan 20 #Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
Jan 20 #Javascript
You might like
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
PHP 面向对象程序设计(oop)学习笔记(三) - 单例模式和工厂模式
2014/06/12 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
JavaScript 注册事件代码
2011/01/27 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
js跳转页面方法总结
2014/01/29 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
vue中element组件样式修改无效的解决方法
2018/02/03 Javascript
js实现多个标题吸顶效果
2020/01/08 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
nuxt静态部署打包相对路径操作
2020/11/06 Javascript
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
Python使用PIL库实现验证码图片的方法
2016/03/11 Python
python字符串常用方法
2018/06/14 Python
解决python selenium3启动不了firefox的问题
2018/10/13 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
Python数据可视化:饼状图的实例讲解
2019/12/07 Python
python实现3D地图可视化
2020/03/25 Python
如何学习Python time模块
2020/06/03 Python
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
面向对象编程OOP的优点
2013/01/22 面试题
环保倡议书
2014/04/14 职场文书
土地转让协议书
2014/04/15 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python