手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery元素的隐藏与显示实例
jQuery元素的隐藏与显示实例
摘要:本文实例讲述了jQuery元素的隐藏与显示的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:$(document).read...

本文实例讲述了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="客户端隐藏" />

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

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

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

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

</div>

</form>

</body>

</html>

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

【jQuery元素的隐藏与显示实例】相关文章:

JQuery中Text方法用法实例分析

动态加载jQuery的方法

jQuery封装的tab选项卡插件分享

javaScript中with函数用法实例分析

jQuery实现的多屏图像图层切换效果实例

Javascript进制转换实例

JQuery插件jcarousellite的参数中文说明

JQuery球队选择实例

jQuery的基本概念与高级编程

jQuery+ajax实现无刷新级联菜单示例

精品推荐
分类导航