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);
时间: 2024-10-18 14:26:08