Jquery——Day5（工具函数）

短命女 2022-07-10 11:58 110阅读 0赞

1、字符串操作

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

//$.trim()去掉字符串两边空格，
    var str='     jQuery   ';
    alert(str);
    alert($.trim(str));

2、数组和对象操作

（1）each()遍历数据

a、遍历数组

var arr=['张三','李四','王五'];
    $.each(arr,function(index,value){
     $('#box').html($('#box').html()+index+'.'+value+'<br />');
    });

b、遍历对象

$.each($.ajax(),function(name,fn){
     $('#box').html($('#box').html()+name+'.'+'<br/><br/>');
    });

注意：若$.each()中index表示数组元素的编号，默认从0开始

（2）grep()筛选数据

var arr=[4,2,1,0,-1];
    var arrGrep=$.grep(arr,function(element,index){
     return index>2;
    });
    alert(arrGrep);

注意：grep()中index是从0开始

（3）map()修改数据

var arr=[2,4,1,-1,0];
    var arrMap=$.map(arr,function(element,index){
     if(element<6&&index<5){
     return element+1;
     }
    });
    alert(arrMap);

（4）inArray()查找元素的下标

var arr=[3,1,5,2,-1];
    alert($.inArray(11,arr));

（5）merge()合并两个数组

var arr1=[2,1,3];
    var arr2=[0,8];
    alert($.merge(arr1,arr2));

（6）unique()删除重复的DOM元素

var divs=$('div').get();
    divs=div.concat($('.box').get());
    alert($(divs).size());
    $.unique(divs);
    alert($(divs).size());

（7）toArray()合并多个DOM元素

alert($('li').toArray());

3、测试操作

（1）isArray()：判断是否为数组对象；

（2）isFunction()：判断是否为函数；

（3）isEmptyObject()：是否为空对象；

（4）isPlainObject()：是否为纯粹对象；

（5）contains()：是否DOM是否含有另一个DOM节点；

（6）type(data)：判断数据类型；

（7）isNumeric(data)：判断是否为数值；

（8）isWindow(data)：判断是否为window对象。

4、URL操作

只有一个方法：$.param()，将对象的键值对转换为URL键值对字符串形式。

var obj={
     name:'Lee';
     age:100
    };
    alert($.param(obj));

5、浏览器检测

检测浏览器对象：$.browser()

Jquery——Day5（工具函数）

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 5.typescript函数

相关 bazel 工具函数

相关【工具】5 个可以加速开发的 VueUse 库函数

相关 Ajax工具函数封装

相关 Ajax工具函数封装

相关 Jquery——Day5（工具函数）

相关 Jquery——Day5（工具函数）

相关一些函数工具

相关 1.5 函数

相关 js 小工具函数