第一百七十五节，jQuery，工具函数

Posted 2020-09-03 林贵秀

jQuery，工具函数

 

学习要点：

　　1.字符串操作

　　2.数组和对象操作

　　3.测试操作

　　4.URL 操作

　　5.浏览器检测

　　6.其他操作

 

工具函数是指直接依附于 jQuery 对象，针对 jQuery 对象本身定义的方法，即全局性 的函数。它的作用主要是提供比如字符串、数组、对象等操作方面的遍历。

 

一．字符串操作

在 jQuery 中，字符串的工具函数只有一个，就是去除字符串左右空格的工具函数：

trim()去掉字符串两边空格

    var str = ‘          jQuery ‘;
    alert(str);
    alert($.trim(str));  //trim()去掉字符串两边空格

 each()遍历数组和对象，两个参数，参数1是要遍历的对象或者数组，参数2是匿名函数，函数里也有两个形式参数见下列

each()遍历数组，参数1是要遍历的数组，参数2是匿名函数，函数有两个形式参数index, value，分别接收数组的下标和值

    var arr = [‘张三‘, ‘李四‘, ‘王五‘, ‘马六‘];
    $.each(arr, function (index, value) {
        $(‘#box‘).html($(‘#box‘).html() + index + ‘.‘ + value + ‘<br />‘);
    });

each()遍历对象，参数1是要遍历的对象，参数2是匿名函数，函数有两个形式参数name, fn，分别接收对象的键和值

    var ojp = {a:1,b:2,c:3};
    $.each(ojp, function (name, fn) {
        $(‘#box‘).html($(‘#box‘).html() + name + ‘：‘ + fn + ‘<br /><br />‘);
    })

注意：$.each()中 index 表示数组元素的编号，默认从 0 开始。

 

grep()数组数据筛选，返回筛选后的数组，两个参数，参数1要筛选的数组，参数2是匿名函数，函数有两个形式参数element, index，分别接收数组的值和下标

    var arr = [5, 2, 9, 4, 11, 57, 89, 1, 23, 8];
    var arrGrep = $.grep(arr, function (element, index) {
        return element < 6 && index < 5;   //返回值小于6并且下标小于5的
    });
    alert(arrGrep);

注意：$.grep()方法的 index 是从 0 开始计算的。

 

map()修改数组数据，返回修改后的数组，两个参数，参数1要修改的数组，参数2是匿名函数，函数有两个形式参数element, index，分别接收数组的值和下标

    var arr = [5, 2, 9, 4, 11, 57, 89, 1, 23, 8];
    var arrMap = $.map(arr, function (element, index) {
        if (element < 6 && index < 5) {  //判断值小于6并且下标小于5的
            return element + 1; //值小于6并且下标小于5的加1
        }
    });
    alert(arrMap);