jQuery 工具函数

使用jquery的$.each()工具函数可以实现页面中元素的遍历,此外还可以完成指定数组的遍历,其调用的语法如下

$.each(obj,fn(para1,para2));

其中,参数obj表示要遍历的数组或者对象 fn为每个遍历元素执行的回调函数,该函数也包含了两个参数

para1和para2 其中para1 表示数组的序号或者对象的属性 para2 表示数组的元素和对象的属性

例如:

       $(function() {

            var arrStu = { "张三：": "60", "李四：": "70", "王二：": "80" };

            //var arrStu = new Array(5,4,3,2,1,'test');

            var strContent = "<li class='title'>姓名：分数</li>";

            $.each(arrStu, function(Name, Value) {

                strContent += "<li>" + Name + Value + "</li>";

            })

            $("ul").append(strContent);

        })

二,使用$.grep()工具函数筛选数组中的元素

在jquery中可以使用工具函数$.grep()很方便的筛选数组中的任何元素 其调用语法如下

$.grep(array,fn(elementofarray,indexinarray,[invert]));

其中参数array为要筛选的数组,回调函数中可以设置两个参数 其中elementofarray为数组中的元素

indexinarray 为元素在数组中的序号(索引) 另外可选项[invert]为布尔值,表示是否根据fn的规则取反向结果,默认值是false 表示不取反,如果为true 则表示取反,即返回与回调函数fn规则相反的数据.

$(function() {
            var strTmp = "筛选前数据：";
            var arrNum = [2, 8, 3, 7, 4, 9, 3, 10, 9, 7, 21];
            var arrGet = $.grep(arrNum, function(ele, index) {
                return ele > 5 && index < 8 //元素值大于5且序号小于8
            })
            strTmp += arrNum.join();
            strTmp += "<br/><br>筛选后数据："
            strTmp += arrGet.join();
            $("#divTip").append(strTmp);
        })