<!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 runat="server">
<title>Untitled Page</title>
<style type="text/css">
.input
{
border:1px solid #003863;
font-size:14px;
font-family:Arial,Helvetica,sans-serif;
padding:3px;
}
</style>
<script src="JS/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("input:first").click(function(){
$("img").hide(3000);
});
$("input:last").click(function(){
$("img").show(1000);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="button" value="Hide"/>
<input type="button" value="Show"/>
<img src ="Image/1.bmp"/>
</form>
</body>
</html>
------------------------------------
本意想点Hide按钮时隐藏片,点Show按钮时显示图片.刚学JQuery,请各位高手指教!
7 个解决方案
#1
<script type="text/javascript">
$(function(){
$("input[@value=Hide]").click(function(){
$("img").hide(3000);
});
$("input[@value=Hide]").click(function(){
$("img").show(1000);
});
});
</script>
$(function(){
$("input[@value=Hide]").click(function(){
$("img").hide(3000);
});
$("input[@value=Hide]").click(function(){
$("img").show(1000);
});
});
</script>
#2
<script type="text/javascript">
$(function(){
$("input[@value=Hide]").click(function(){
$("img").hide();
});
$("input[@value=Show]").click(function(){
$("img").show();
});
});
</script>
$(function(){
$("input[@value=Hide]").click(function(){
$("img").hide();
});
$("input[@value=Show]").click(function(){
$("img").show();
});
});
</script>
#3
不好意思开始写错了
#4
你用的服务端的form，返回到客户端的时候，会自动加入view state的input，显然input:first就不对了.
jquery的代码要根据最后生成的html代码写。
jquery的代码要根据最后生成的html代码写。
#5
hookee一说我就明白了!谢谢
#6
xuexi
#7
楼主，这样写是对的，测试通过。
<script type="text/javascript">
$(function(){
$("input[value=Hide]").click(function(){
$("img").hide();
});
$("input[value=Show]").click(function(){
$("img").show();
});
});
</script>
<script type="text/javascript">
$(function(){
$("input[value=Hide]").click(function(){
$("img").hide();
});
$("input[value=Show]").click(function(){
$("img").show();
});
});
</script>
#1
<script type="text/javascript">
$(function(){
$("input[@value=Hide]").click(function(){
$("img").hide(3000);
});
$("input[@value=Hide]").click(function(){
$("img").show(1000);
});
});
</script>
$(function(){
$("input[@value=Hide]").click(function(){
$("img").hide(3000);
});
$("input[@value=Hide]").click(function(){
$("img").show(1000);
});
});
</script>
#2
<script type="text/javascript">
$(function(){
$("input[@value=Hide]").click(function(){
$("img").hide();
});
$("input[@value=Show]").click(function(){
$("img").show();
});
});
</script>
$(function(){
$("input[@value=Hide]").click(function(){
$("img").hide();
});
$("input[@value=Show]").click(function(){
$("img").show();
});
});
</script>
#3
不好意思开始写错了
#4
你用的服务端的form，返回到客户端的时候，会自动加入view state的input，显然input:first就不对了.
jquery的代码要根据最后生成的html代码写。
jquery的代码要根据最后生成的html代码写。
#5
hookee一说我就明白了!谢谢
#6
xuexi
#7
楼主，这样写是对的，测试通过。
<script type="text/javascript">
$(function(){
$("input[value=Hide]").click(function(){
$("img").hide();
});
$("input[value=Show]").click(function(){
$("img").show();
});
});
</script>
<script type="text/javascript">
$(function(){
$("input[value=Hide]").click(function(){
$("img").hide();
});
$("input[value=Show]").click(function(){
$("img").show();
});
});
</script>