关闭

jQuery获取隐藏文本域

标签: jqueryinputfunctionbuttonjavascriptdiv
8640人阅读 评论(0) 收藏 举报
//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>



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:168080次
    • 积分:2779
    • 等级:
    • 排名:第13378名
    • 原创:115篇
    • 转载:19篇
    • 译文:0篇
    • 评论:97条
    文章分类
    最新评论