JQuery笔记7: JQuery—元素的 each

each 有两种调用方式:
(1):$.each(array,fn): 对数组 arry 每个元素调用 fn 函数进行处理,没有返回值

(2):如下案例中:
names.each(function (key, value) { arr[key] = $(value).val(); });  jQuery 的元素也可以调用 each 方法,(元素.each(function))只是对 $.each 的简化调用。



案例:显示选中的复选框信息

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("input[name=names]").click(function () {
                var names = $("input[name=names]:checked");
                var arr = new Array();
                names.each(function (key, value) { arr[key] = $(value).val(); });
                $("#msg").text("共选中"+names.length+"条:"+arr.join("."));
            });
        });
    </script>
</head>
<body>
<input id="Checkbox4" type="checkbox" name="names" value="南京" />南京<br />
<input id="Checkbox3" type="checkbox" name="names" value="北京" />北京<br />
<input id="Checkbox2" type="checkbox" name="names" value="上海" />上海<br />
<input id="Checkbox1" type="checkbox" name="names" value="杭州" />杭州<br />
<p id="msg"></p>
</body>
</html>


你可能感兴趣的:(JQuery笔记7: JQuery—元素的 each)