jQuery获取隐藏文本域

最新推荐文章于 2024-11-04 16:17:23 发布

bo o ya ka

最新推荐文章于 2024-11-04 16:17:23 发布

阅读量103

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gangben/p/3173716.html

版权

[html] view plaincopyprint?
//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>