jQuery 工具函数

学习要点

• 字符串操作
• 数组和对象操作
• 测试操作
• URL操作
• 浏览器检测
• 其他操作

(一)字符串操作

在jquery操作中，字符串的工具函数就只有一个，$.trim()就是去除字符串左右空格的工具函数

• $.trim()去掉字符串两边的空格

var str = "        1111        ";
window.alert($.trim(str));
console.log(str.length);
//去除掉前后空格

• .slice()和substring()都是包前不高后

var string = "今天天气不错啊。出去玩玩吧";
var string1 = string.substring(1,7);
var str2 = string.slice(1,7);
console.log(string1);
console.log(str2);
结果都是天天气不错啊(没有句号)

• split()切割法则

var str3 = "今天||明天||后天";
var str4 = str3.split("||");
console.log(str4);  //结果就是[今天，明天，后天]
console.log(str4[0]); //今天

• join() 按规则把数组变成字符串

var arr = ["今天","明天","后天"];
var arr2 = arr.join("||");
console.log(arr2);
//结果就是"今天||明天||后天"

(二)数组和对象操作

jquery为处理数组和对象提供了一些工具函数，这些函数可以便利的给数组或对象进行遍历，筛选，搜索等操作。
//$.each遍历数组

var arr = ['张三','李四'，'王五'];
$.each(arr,function(index,value){
  console.log(index+"||"+value);
  });

• $.each遍历对象

 var arr = {"name":"hello","age":"27","sex":"男","phone":"1302222"};
$.each(arr,function(name,value){
             console.log(name+"||"+value);
         })

• $.inArray()获取查找到元素的下标
  元素放在第一位，后面放数组 下标从0开始计算

var arr = [5,2,9,11,57,89,123];
var arr2 = $.inArray(1,arr);
alert(arr2);

• $.merge()合并两个数组

var arr1 = [1,2,3,4,5];
var arr2 = [6,7,8,9,10];
var arr3 = $.merge(arr1,arr2);
console.log(arr3);

测试数组

在Jquery中 数据有着各种类型和状态。有时我们希望通过判断数据的类型和状态来做相应的操作.

$.isArray(obj)  //判断是否为数组对象，返回true就是数组
$.type(obj)  //判断数据的类型

URL操作

URL操作就是把对象变成URL地址里面传递的参数

var obj = {
  "name":"hello",
  "sex" :"male"
 };
console.log($.param(obj));
//结果就是name=hello&sex=male