一、<input
type="hidden"
/>
二、<input
type="text"
style="display:none"
/>
以上两种方法可以实现不留痕迹的隐藏。
三、<input
type="text"
style="visibility:
hidden"
/>
第三种方法可以实现占位隐藏(会留下空白而不显示)
jquery获取
input
文本框中的值方法始终是相同的,与是否隐藏无关,隐藏与不隐藏都能获取到值;
<script>
var
value
=
$('#demo').val()
//
直接根据
input
的id
获取值
var
value
=
$('.demo').val()
//
根据input
的class
类获取值,此方法需保证只有一个input
使用该class
类,否则始终返回第一个使用该class
类的input
的值
var
value
=
$('#thisdiv
input').val()
//
var
value
=
$('#thisdiv
.demo').val()
//
根据父元素定位input
获取值
以上的方法都能获取到
input
中的值,与div
是否隐藏没关系
</script>
<html><head>
<script src="jquery-2.1.1.min"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#a").hover(function(){
$(this).css({border:"1px solid #444"})
},function(){
$(this).css({border:"none"})
})
})
</script>
</head>
<body>
<input id="a" type="text" >
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)