工具和其他操作

1 jQuery 对象访问

each(callback)

遍历jquery dom

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>自定义数作用  图片懒加载</title>
	<style>
		.imglist img {
			width: 400px;
			height: 300px;
			border: 1px solid #ccc;
		}
	</style>
</head>
<body>
	<h1>图片懒加载</h1>
	<hr>
	<div class="imglist">
		<img loadpic='../../dist/images_one/1.jpg'>
		<img loadpic='../../dist/images_one/2.jpg'>
		<img loadpic='../../dist/images_one/3.jpg'>
		<img loadpic='../../dist/images_one/4.jpg'>
	</div>
	<script src="../jquery-3.3.1.js"></script>
	<script>
		//console.log($('.imglist img').attr('loadpic'))
		//单次定时
		setTimeout(function(){
		     //   同js的foreach 值是相反的
			$('.imglist img').each(function(index, item){
				$(item).attr('src', $(item).attr('loadpic'))
			})
		}, 2000)
	</script>
</body>
</html>

size()

1.8- 返回dom集合中的个数同length

length

返回dom集合中的个数

selector

返回选择器

context

返回原生js dom

get([index])

获取dom集合中一个

index([selector|element])

索引值

toArray()

转为纯数组

2 数组和对象操作

$.each(object,[callback])

遍历数组对象

$.extend([d],tgt,obj1,[objN])

合并对象合并到第一个参数

$.grep(array,fn,[invert])

过滤数组

$.makeArray(obj)

把类数组对象变为数组

$.map(arr|obj,callback)

操作数组的每一单元

$.inArray(val,arr,[from])

判断值是否在数组中

$.merge(first,second)

合并数组

$.unique(array)

去重

$.parseJSON(json)

解析json

$.parseXML(data)

解析xml

3 类型检测

$.contains(c,c)

判断一个元素是否是另一个元素的后代吗元素

$.type(obj)

判断类型

$.isarray(obj)

是否为数组

$.isFunction(obj)

是否是function

$.isEmptyObject(obj)

是否为空对象

$.isPlainObject(obj)

是否为纯粹的对象

$.isWindow(obj)

是否是window对象

$.isNumeric(value)

1.7+是否是number

4 其他操作

$.trim(str)

去除左右两边的空格

$.param(obj,[traditional])

把对象或数组转为特殊格式的字符串序列化