zoukankan      html  css  js  c++  java
  • jQuery获取隐藏文本域

    [html] view plaincopyprint?
    //jquery获取隐藏域 
    <style type="text/css"> 
    div{ 
        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> 

  • 相关阅读:
    VS2010开发工具使用技巧<之简单讲解>
    JS中的数学计算<之简单实例讲解>
    让DIV中文字换行显示
    VS2010编写WebService与在IIS的发布<之简单讲解>
    JSON.parse 与 eval() 对于解析json的问题
    [字符串]与[数组]的互相转换
    A标签实现文件下载功能
    "Chinese_PRC_CI_AS" 和 "Chinese_PRC_90_CI_AI" 之间的排序规则冲突问题
    IE开发人员工具之实用功能讲解
    CSS选择器 < ~ +
  • 原文地址:https://www.cnblogs.com/gangben/p/3173716.html
Copyright © 2011-2022 走看看