浅谈jquery中的each方法$.each、this.each、$.fn.each


Posted in Javascript onJune 23, 2016

jquery.each 方法

方法一

$("img").each(function(i,elem){
 // i 下标 从零开始,
 // elem == this
 // $(elem).toggleClass("example");
 $(this).toggleClass("example");
});

方法二

$.each([1,2,3,4],function(){
//$(this)==数组中的每一个数组(如果数组是对象,就是对象)
});

方法三

应有场景有点不一样

this.each(function(){

})

扩展jQuery对象方法

应该是

jQuery.fn.Fun=function(){
//this==$("img") 和下面的调用方法相结合,如果是其他对象就是其他对象

this.each(function(){



$(this)==$("img")[0],

//$(this)==$("img")[1],
 // .......


})



}
调用
$("img").Fun();

以上就是小编为大家带来的浅谈jquery中的each方法$.each、this.each、$.fn.each全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
理解JavaScript变量作用域更轻松
Oct 25 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
js数组方法扩展实现数组统计函数
Apr 09 Javascript
AngularJS获取json数据的方法详解
May 27 Javascript
vue 实现在函数中触发路由跳转的示例
Sep 01 Javascript
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
Vue使用localStorage存储数据的方法
May 27 Javascript
Node.js从字符串生成文件流的实现方法
Aug 18 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
vue 对axios get pust put delete封装的实例代码
Jan 05 Javascript
微信小程序全选多选效果实现代码解析
Jan 21 Javascript
JavaScript实现弹出窗口效果
Dec 09 Javascript
每日十条JavaScript经验技巧(一)
Jun 23 #Javascript
Ext JS动态加载JavaScript创建窗体的方法
Jun 23 #Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 #Javascript
JavaScript基于原型链的继承
Jun 22 #Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
Jun 22 #Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 #Javascript
浅析jQuery Ajax通用js封装
Jun 22 #Javascript
You might like
用PHP提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
php编写的简单页面跳转功能实现代码
2013/11/27 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
动态加载脚本提升javascript性能
2014/02/24 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
小程序图片长按识别功能的实现方法
2018/08/30 Javascript
webpack4+react多页面架构的实现
2018/10/25 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
深入浅析Python字符编码
2015/11/12 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
Python 爬虫性能相关总结
2020/08/03 Python
Python常用GUI框架原理解析汇总
2020/12/07 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
高校自主招生自荐信
2013/12/09 职场文书
小学感恩节活动总结
2015/03/24 职场文书
2015年环卫工作总结
2015/04/28 职场文书
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
2016年大学校运会广播稿件
2015/12/21 职场文书
导游词创作书写原则以及开场白技巧怎么学?
2019/09/25 职场文书