开始有一个Input ,然后获取焦点或是点击input 。再下边出现一个div.代码为什么不起作用。哪 有问题了。<script type="text/javascript">
$(document).ready(function(){
$('#mydiv').style.display="hidden";
$('#name')
.focus(function(){
$('#name').style.display="visible";
})
.blur(function(){
$('#name').style.display="visible";
})
});
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="text" id="name" name="name">
</td>
</tr>
<div id="mydiv" >
<tr>
<td>
<input type="text" id="name" name="name" >
</td>
</tr>
</div>
</table>
</body>
$(document).ready(function(){
$('#mydiv').style.display="hidden";
$('#name')
.focus(function(){
$('#name').style.display="visible";
})
.blur(function(){
$('#name').style.display="visible";
})
});
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="text" id="name" name="name">
</td>
</tr>
<div id="mydiv" >
<tr>
<td>
<input type="text" id="name" name="name" >
</td>
</tr>
</div>
</table>
</body>
$('#mydiv').style.display="hidden";
$('#name')
.focus(function(){
$('#name').style.display="block";
})
.blur(function(){
$('#name').style.display="none";
})
});
$('#mydiv').style.display="hidden";
$('#name')
.focus(function(){
$('#name').show();
})
.blur(function(){
$('#name').hide();
})
});
$("#name").hide();//隐藏
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#mydiv').hide()
$('#name').click(function(){
$('#mydiv').show()
})
});
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="text" id="name" name="name">
</td>
</tr>
<div id="mydiv">
<input type="text">
</div>
</table>
</body>
<script type="text/javascript">
$(document).ready(function(){
$('#mydiv').hide();//$("#mydiv")得到的是一个jquery对象,没有style属性,如果隐藏直接调用他的hide方法
$('#name')
.focus(function(){
$("#mydiv").show(); // 照你说的意思应该是获取焦点时显示div,但看你到代码貌似不是那么回事
})
.blur(function(){
$("#mydiv").hide();
})
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#mydiv').hide();
$('#name')
.focus(function(){
$('#mydiv').show();
})
.blur(function(){
$('#mydiv').show();
})
});
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="text" id="name" name="name">
</td>
</tr>
<div id="mydiv" >
<tr>
<td>
<input type="text" >
</td>
</tr>
</div>
</table>
</body>
改成这样了。还是不起作用。
为什么获取焦点和失去焦点都是调用show方法??show是显示,hide是隐藏
你有没有引用jquery的js??
你的布局有问题,,,table里面怎么能嵌套div呢??要不你把div放到td里面,要不你直接控制tr的显示和隐藏<table>
<tr>
<td>
<input type="text" id="name" name="name">
</td>
</tr>
<tr id="mydiv"><!-- 把div去掉,div的id给这个tr -->
<td>
<input type="text" id="name" name="name" >
</td>
</tr>
</table>
$('#mydiv').hide();
$('#name')
.focus(function(){
$("#mydiv").show();
})
.blur(function(){
$("#mydiv").hide();
}) HTML代码:
<td>
<input type="text" id="name" name="name">
</td>
<div id="mydiv" >
<input type="text" id="name1" name="name1" >
</div>