码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-03-10 22:06:13      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:color   ret   grep   串操作   jquery   logs   box   each   判断   

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,工具函数

标签:color   ret   grep   串操作   jquery   logs   box   each   判断   

原文地址:http://www.cnblogs.com/adc8868/p/6533082.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!