jquery中的遍历函数

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>可见性过滤</title>
<script src="./jquery-1.8.3.js"></script>

</head>
<body>
 <input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值"  id="b1"/>
 <input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值"  id="b2"/>

<input type="button" value=" 选取所有的文本隐藏域, 并打印它们的值"  id="b3"/>
   <input type="hidden" value="hidden-1">
 <input type="hidden" value="hidden-2">
 <input type="hidden" value="hidden-3">
</body>
 <script>
    $("#b1").click(function(){
        //each函数
        $("input:hidden").each(function(){
            alert($(this).val());
        });
    });
    $("#b2").click(function(){

         //$.each全局函数
        $.each($("input:hidden"),function(){
            alert($(this).val());
        });
    });

//回调函数
        //参数1:index:遍历索引
        //参数2:domEle:当前遍历的对象  即==this
        $("input:hidden").each(function(){
            alert($(this).val());
        });
    });
    $("#b3").click(function(){
        $.each($("input:hidden"),function(index,domEle){
            alert(index+"啊"+$(docEle).val());
        });
    });
  </script>
</html>

posted @ 2017-08-21 10:11  小明珠  阅读(168)  评论(0编辑  收藏  举报