jQuery工具函数

最新推荐文章于 2024-09-01 10:17:35 发布

Vurtne1st

最新推荐文章于 2024-09-01 10:17:35 发布

阅读量269

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/Vurtne1st/article/details/52150519

jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的工具函数集合，包括数组遍历、数据筛选、数据修改、查找索引、合并数组、节点包含判断、数据类型判断、数字验证、URL参数转换及this指向修正等实用功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>工具函数</title>
<script src="../websites/jquery-3.1.0.min.js"></script>
</head>

<body>
<div id="show" style="width:100px; height:100px; background:red">
  <p id="ow"></p>
</div>
</body>
</html>
<script>
$(function(){
	//遍历数组、对象
	var arr = ['鸣人','佐助','小樱','卡卡西','伊鲁卡'];
        $.each(arr,function(index,value){
		$('#show').html($('#show').html()+(index+1)+'.'+value+'<br>');
		})*
	//遍历对象
	$.each($.ajax(),function(name,fn){
		$('#show').html($('#show').html()+name+fn+'<br>');
		})
	//数据筛选
	var arr = [2,4,6,8,9,10,15,18];
	var arrGrep = $.grep(arr,function(element,index){
		return index<5&&element>8;
		})
    alert(arrGrep);
	//数据修改
	var arrMap = $.map(arr,function(element,index){
		//return element;//返回所有数据
		if(index<5 && element >8)
			{
				return element+1;//修改数据
			}
		})
	alert(arrMap);
	//查找数据的索引(可用来判断数据是否在一个数组内)
	alert($.inArray(11,arr));//如果存在，返回该数据在数组中的索引
	//合并数组
	var arr1 = [200,300];
	var new_arr = $.merge(arr,arr1);
	alert(new_arr);

        //数组去重

        $.unique();

	
	//判断一个节点是否被另一个节点包含
	alert($.contains($('#show').get(0),$('#ow').get(0)));
	//判断数据类型
	alert($.type(arr));
	//判断是否为数字
	var num = 1;
	alert($.isNumeric(num));
	//URL操作
	var obj = {
		name:'Lee',
		age:100
		}
	alert($.param(obj));//转化成URL的字符串
	//调整this指向问题
	var obj = {
		name :'Lee',
		test :function(){
			alert (this);
			alert (this.name);
			}
		}
	//obj.test();
	$('#show').click($.proxy(obj,'test'));
	
	})
</script>