深化理解$.each和$(selector).each__第1页
深化理解$.each和$(selector).each__第2页
深化理解$.each和$(selector).each__第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、深化理解$.each和$(selector).each_ 下面我就为大家带来一篇深化理解$.each和$(selector).each。我觉得挺不错的,现在分享给大家,也给大家做个参考。 $.each:该方法用于遍历任何集合,包括数组和对象 $(selector).each:该方法用于遍历Jquery对象 语法:$.each(obj,callback,args) 遍历数组 var arry = a,b,c,d,; $.each(arry,function(index,value) 回调函数中:index 代表数组的索引 ,value 代表数组中的值 遍历Json对象 var json = ke

2、y1:value1, key2:value2, key3:value3 $.each(json, function(key,value) 回调函数中:key 代表json对象中的key, value 代表json对象中的value 遍历Jquery对象 var doms = $(div);/Jquery对象本身是一个集合,通过索引的方式可以将Jquery对象转换为Dom对象 $.each(doms, function(index,value).) 回调函数中:index 代表Jquery对象中的索引, value 代表Jquery对象中的dom对象,也可以通过this得到同样的dom对象 对于

3、还有另外一种写法就是 $(div).each(function(index,value) 对于$.each方法可以通过在回调函数中return false退出循环,假如return true 则相当于for循环中的continue 疑问:为什么$().each回调函数中的this不是Jquery对象 而是Dom对象 由于$().each方法的本质是通过调用$.each实现的,通过分析$.each源码可知,我们可以看到callback.apply(objecti+,args)这段代码 对于$().each传进去的object正是Jquery对象,而objecti+将Jquery对象转换为dom对象,再依据apply方法劫持对象的特性,那么回调函数中的this就被转变成了dom对象 我们常常在Jquery插件中看到这种写法,通过上面的分析,我想就应当懂了 $.fn.test = function(option) return this.each(function()/这个this是Jquery对象 alert(this);/而这个this却是Dom对象 ) 以上

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论