jQuery中each与data

一:each(for循环)

1.each作用

for循环前面容器类型 将里面的元素交给后面的函数去处理

有了each,就无需自己写for循环了

2.格式

$(容器类型 数组 自定义对象).each(function(索引,标签对象){console.log(索引,标签对象)})

3.注意

函数只能有两个参数

4.第一种方式

$('div')

w.fn.init(10) [div, div, div, div, div, div, div, div, div, div, prevObject: w.fn.init(1)]

5.一个参数index拿到的是索引

each类似于 for循环 前面这个数组 $('div') 将前面元素交给

后面函数去运行(一个参数index拿到的是索引)

$('div').each(function(index){console.log(index)})

VM181:1 0

VM181:1 1

VM181:1 2

VM181:1 3

VM181:1 4

VM181:1 5

VM181:1 6

VM181:1 7

VM181:1 8

VM181:1 9

6.拿到数组里面索引和标签对象

each类似于 for循环 前面这个数组 $('div') 将前面的元素交给后面的函数去运行

function(index,obj)

index	: 索引

obj		: 当前标签对象

$('div').each(function(index,obj){console.log(index,obj)})

VM243:1 0

VM243:1 1

VM243:1 2

VM243:1 3

VM243:1 4

VM243:1 5

VM243:1 6

VM243:1 7

VM243:1 8

VM243:1 9

7.第二种方式

1.自定义对象

前面可以放 容器类型 数组 自定义对象

for循环前面这个容器类型 将里面的元素交给后面的函数去处理

index 索引 obj 当前循环对象

$.each([111,222,333],function(index,obj){console.log(index,obj)})

VM484:1 0 111

VM484:1 1 222

VM484:1 2 333

(3) [111, 222, 333]

总结:

有了each之后 就无需自己写for循环了 用它更加的方便

二:data(隐型存储)

1.data的作用

能够让标签帮我们临时存储数据 隐性存储 并且用户肉眼看不见！

2.创建data隐性存储

1给前面这个数组所有的对象都加了一个 k: 'info' vlaue: '我原谅你了！' 数据进去了

$('div').data('info','回来吧，我原谅你了!')

w.fn.init(10) [div#d1, div, div, div, div, div, div, div, div, div, prevObject: w.fn.init(1)]

2.拿到第一个标签.data('info')取值

$('div').first().data('info')

"回来吧，我原谅你了!"

3.取最后一个值

$('div').last().data('info')

"回来吧，我原谅你了!"

4.验证取没有的值

$('div').first().data('xxx')

undefined

5.删除第一个标签'info'对应的值 其他的标签属性还有

$('div').first().removeData('info')

w.fn.init [div#d1, prevObject: w.fn.init(10)]

6.第一个标签'info'对应的值不在有了(被删除掉了)

$('div').first().data('info')

undefined

7.验证其他对应的值还存在

$('div').last().data('info')

"回来吧，我原谅你了!"

巴特西

jQuery中each与data

一:each(for循环)

1.each作用

2.格式

3.注意

4.第一种方式

5.一个参数index拿到的是索引

6.拿到数组里面索引和标签对象

7.第二种方式

二:data(隐型存储)

1.data的作用

2.创建data隐性存储

最新文章

热门文章