史上最全的Jquery教程---Jquery从入门到精通(教程 文档 代码)第14章 工具函数.pdf

第14章 工具函数 学习要点： 1.字符串操作 2.数组和对象操作 3.测试操作 4.URL操作 5.浏览器检测 6.其他操作 主讲教师：李炎恢 官方网站： 合作网站： 工具函数是指直接依附于jQuery 对象，针对jQuery 对象本身定义的方法，即全局性 的函数。它的作用主要是提供比如字符串、数组、对象等操作方面的遍历。 一．字符串操作 在jQuery 中，字符串的工具函数只有一个，就是去除字符串左右空格的工具函数： $.trim()。 //$.trim()去掉字符串两边空格 varstr= jQuery ; alert(str); alert($.trim(str)); 二．数组和对象操作 jQuery 为处理数组和对象提供了一些工具函数，这些函数可以便利的给数组或对象进行 遍历、筛选、搜索等操作。 //$.each()遍历数组 vararr=[张三,李四,王五,马六]; $.each(arr,function(index,value) { $(#box).html($(#box).html()+index+.+value+br/); }); //$.each()遍历对象 $.each($.ajax(),function(name,fn) { $(#box).html($(#box).html()+name+.+br/br/); }) 注意：$.each()中index表示数组元素的编号，默认从0开始。 //$.grep()数据筛选 vararr=[5,2,9,4,11,57,89,1,23,8]; vararrGrep=$.grep(arr,function(element,index) { returnelement6index5; }); alert(arrGrep); 注意：$.grep()方法的index是从0开始计算的。 //$.map()修改数据 vararr=[5,2,9,4,11,57,89,1,23,8]; vararrMap=$.map(arr,function(element,index) { if(element6index5) { returnelement+ 1; } }); alert(arrMap); //$.inArray()获取查找到元素的下标 vararr=[5,2,9,4,11,57,89,1,23,8]; vararrInArray=$.inArray(1,arr); alert(arrInArray); 注意：$.inArray()的下标从0开始计算。 //$.merge()合并两个数组 vararr=[5,2,9,4,11,57,89,1,23,8]; vararr2=[23,2,89,3,6,7]; alert($.merge(arr,arr2)); //$.unique()删除重复的DOM元素 div/div div/div divclass=box/div divclass=box/div divclass=box/div div/div vardivs=$(div).get(); divs=divs.concat($(.box).get()); alert($(divs).size()); $.unique(divs); alert($(divs).size()); //.toArray()合并多个DOM元素组成数组 alert($(li).toArray()); 三．测试操作 在jQuery 中，数据有着各种类型和状态。有时，我们希望能通过判断数据的类型和状 态做相应的操作。jQuery 提供了五组测试用的工具函数。 测试工具函数 函数名 说明 $.