jQuery元素的隐藏与显示实例


本文实例讲述了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程序设计有所帮助。



相关阅读:
node.js中的querystring.unescape方法使用说明
C/C++实现快速排序的方法
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
jQuery实现首页顶部可伸缩广告特效代码
CentOS安装TortoiseSVN 客户端
javascript多物体运动实现方法分析
javascript实现自动输出文本(打字特效)
CentOS6.x上部署Docker容器环境的全流程攻略
详解C#设计模式编程中的模板方法模式使用
JS使用onerror捕获异常示例
Android HttpClient GET或者POST请求基本使用方法
jQuery获取复选框被选中数量及判断选择值的方法详解
C++中vector容器的常用操作方法实例总结
JS实现匀速运动的代码实例
快速导航

Copyright © 2016 phpStudy |