jQuery中Ajax工具函数使用1

最新推荐文章于 2024-10-11 21:29:50 发布

麦稻go

最新推荐文章于 2024-10-11 21:29:50 发布

阅读量437

点赞数

分类专栏： jquery 文章标签： jquery Ajax 学习

本文链接：https://blog.csdn.net/ithuangdaowei/article/details/40787477

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一. 什么是jQuery中的Ajax工具函数

jQuery是处理数组和对象提供的一些工具函数，这些函数是为了便利对数组或者对象进行增、删、查、改等操作。

二. 各种工具函数列表及使用

1.字符串的操作

在jQuery中提供了一个工具$.trim()，去掉左右空格。

例子：

var string = '     test     ';
'$.trim(string);

2. 数组和对象的操作

$.each() 遍历数组或者对象

实例：遍历数组

var arr = [1,4,7,9,23,56];
$.each(arr,function(index,value){
$('div').html($('div').html()+ index + ':' + value + '<br/>');
});

遍历对象

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

$.grep() 数据筛选

var arr = [1,4,7,9,23,56];
	var arrGrep = $.grep(arr, function (element, index) {
		        return index < 3 && element < 23; 
                    }

$.map() 修改数据

实例：

var arr = [1,4,7,9,23,56];
var grepString = $.map(arr,function(element,index){
	return element+1;
});

$.inArray() 获取查找到元素的下标

var arr = [1,4,7,9,23,56];
var inArrayString = $.inArray(7,arr);
alert(inArrayString);

$.merge()合并两个数组

var arr = [1,4,7,9,23,56];
var arr2 = [1,2,3];
var arr3 = $.merge(arr,arr2);
alert(arr3)

$.unique() 删除重复的DOM元素

html:

<body>
<div></div>
<div></div>
<div class="test"></div>
<div class="<span style="font-family:Arial, Helvetica, sans-serif;">test</span>"></div>
<div class="test"></div>
<div></div>
</body>

js:

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

麦稻go

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录