首页 > 代码库 > 第一百七十五节,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,工具函数
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。