首页 > 代码库 > 第一百七十五节,jQuery,工具函数

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

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);

 

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