jQuery获取隐藏文本域

最新推荐文章于 2024-04-20 11:50:28 发布

xi_weina

最新推荐文章于 2024-04-20 11:50:28 发布

阅读量1.1w

点赞数

文章标签： jquery input function button javascript div

本文链接：https://blog.csdn.net/xi_weina/article/details/7377435

版权

//jquery获取隐藏域
<style type="text/css">
div{
	width:150px;
	height:150px;
	border:#0F9 solid 1px;
	float:left}

</style>
<script type="text/javascript" language="javascript" src="../jquery-1.7.1.min.js"></script>
<script  type="text/javascript" language="javascript">

$(document).ready(function(){
	$("#btn2").click(function(){
		$("div:hidden").show().css("background","blue");
		});
	//获取表单隐藏域
	$("#btn3").click(function(){
		<!----------第一种方法----------->
		$("input:hidden").each(function (i){
			//dom方法
			//alert(this.value);
			alert($(this).val());
			});	
			<!------------第二种方法------->
			$("input:hidden").each(function(index,s){
				//alert(s.value);
				alert($(s).val());
				})
		    <!----------第三种方法-------------->
			var input=$("input");
			
			$.each(input,function(index,a){
				alert(a.value);
			});
		});
		
		
		
	});

</script>
</head>

<body>
<div id="one">id=one</div>
<div id="two">id=two</div>
<div id="three">id=three<span>我是sppan</span></div>
<div style="display:none">adcsac</div>
<input type="hidden" value="hidden_1">
<input type="hidden" value="hidden_2">
<input type="hidden" value="hidden_3">
<input type="hidden" value="hidden_4">


<div id="four" style="clear:both">
<input type="button" value="清空样式" id="btn0">
<input type="button" value="显示所有可见性div" id="btn1">
<input type="button" value="选取隐藏div" id="btn2">
<input type="button" value="选取表单隐藏域" id="btn3">
<input type="button" value="清空样式" id="btn4">
</div>

xi_weina

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery获取隐藏文本域

//jquery获取隐藏域div{ width:150px; height:150px; border:#0F9 solid 1px; float:left}$(document).ready(function(){ $("#btn2").click(function(){ $("div:hidden").show().css("background","blue")
复制链接

扫一扫