欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

jQuery开发中元素的隐藏与显示实现教程

程序员文章站 2023-09-20 16:05:33
本文实例讲述了jquery元素的隐藏与显示的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:

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

代码如下:


<html xmlns="https://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"> 
    <p> 
    <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" /> 
    </p> 
    </form> 
</body> 
</html>

上一篇： linux命令----查看磁盘空间

下一篇： CPU性能不好 会影响显卡的发挥吗？

推荐阅读