JQuery笔记2： JQuery 提供的函数

来源：互联网发布：英语纠正发音知乎编辑：程序博客网时间：2024/05/23 20:29

$.map(array,fn) ：对数组 array 中每个元素调用 fn 函数逐个进行处理， fn 函数将处理返回，最后得到一个新的array。

例子，得到一个元素值是原数组值二倍的新数组

<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">        var arr = [3, 5, 6];        var arr2 = $.map(arr, function (item) { return item * 2; });        alert(arr2);    </script></head><body></body></html>

$.each(array,fn)：对数组 arry 每个元素调用 fn 函数进行处理，没有返回值

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>    <script type="text/javascript">        var dict = { "tom": 20, "jim": 22, "timy": 26 };        $.each(dict , function(key, value) { alert(key+"的年龄是"+value); });    </script>

注意：key是序号，value是数组的值

 var arr = [3, 6, 8]; $.each(arr,function(key,value){ alert(key+"="+value);});

运行：

如果只给function一个参数，那么输出和处理的是key ，而不是value。即输出的是：0,1,2 而不是：3,6,8

还可以省略 function 的参数，这时候用 this 可以得到遍历的当前元素：

        var arr = [3, 6, 8];        $.each(arr,function(){ alert(this);});

所以，普通数组推荐用无参，用 dict 风格的就用 key 、 value 。